問題 64 / 79

StateとHooks - React

約3分

以下のリスト表示で、key属性にインデックスを使用することの問題点として正しいものはどれですか？

中級
StateとHooks
React

問題

答えを考えてから、正解と解説を確認してください

正解

要素の順序が変わると正しく更新されない可能性がある

解説

詳しく学ぶ
このトピックの他の問題を見るランダム練習を始める

前の問題

以下のコードの問題点は何ですか？ ```javascript useEffect(() => { const savedTodos = localStorage.getItem('todos'); if (savedTodos) { setTodos(JSON.parse(savedTodos)); } }, []); ```

次の問題

以下のコンポーネントで、ボタンをクリックしたときに期待通りに動作しないのはなぜですか？ ```jsx function ToggleButton() { const [isOn, setIsOn] = useState(false); const handleToggle = () => { isOn = !isOn; // この行に問題がある }; return ( <button onClick={handleToggle}> {isOn ? 'ON' : 'OFF'} </button> ); } ```

react icon

学習を続ける

StateとHooks 問題一覧React コースすべてのコース

💡 効果的な学習方法

  • •解説をしっかり読んで、なぜその答えが正解なのかを理解しましょう
  • •間違えた問題は時間をおいて再度チャレンジしてみましょう
  • •関連する問題を解いて知識の幅を広げましょう
react icon

StateとHooks の関連問題

関連問題 1

以下のコードで、タイマーを適切に停止するための記述はどれですか？ ```jsx useEffect(() => { const interval = setInterval(() => { setSeconds(prev => prev - 1); }, 1000); // ここにクリーンアップ処理 }, []); ```

約3分

問題を見る
関連問題 2

useEffectで条件付きでAPIを呼び出す場合の正しい記述はどれですか？

約3分

問題を見る
関連問題 3

同一ドメインの異なるページ間でlocalStorageのデータはどのように扱われますか？

約3分

問題を見る
StateとHooks の全問題を見る