問題/コードレビューQ-LINE-004●●●○○next@16.3.3実機検証済この画面で、ブラウザに不要なコードまで運んでいる原因の行を指摘してください。問題のある行をクリックしてください。複数選べますapp/page.tsx1Browserで実行1行目 'use client'22行目 3Buildで実行3行目 import { useState } from 'react'4Buildで実行4行目 import { priceLabel } from '@/lib/format'55行目 6Browserで実行6行目 export default function Page() {7Browserで実行7行目 const [n, setN] = useState(1200)88行目 9Browserで実行9行目 return (10Browserで実行10行目 <div>11Browserで実行11行目 <p>{priceLabel(n)}</p>12Browserで実行12行目 <button onClick={() => setN(n + 1)}>+</button>13Browserで実行13行目 </div>14Browserで実行14行目 )15Browserで実行15行目 }採点する出典nextjs.org/docs/app/api-reference/directives/use-clientnextjs.org/docs/app/getting-started/server-and-client-componentsつぎに解説を読む/learn/choose-server-or-client →ページの先頭に use client を書きました。ここで使っている priceLabel のコードはブラウザに送られますか。類題 →同じ画面を、押せるボタンだけ Client Component にして書き直しました。priceLabel のコードはブラウザに送られますか。類題 →
Next.js道場