
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React.jsのKeyでむやみにインデックスを使うべきではない理由 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React.jsのKeyでむやみにインデックスを使うべきではない理由 - Qiita
こういった書き方は基本推奨されてません。 公式にもそう記載されてます。 ただ、keyをつけないとwarnin... こういった書き方は基本推奨されてません。 公式にもそう記載されてます。 ただ、keyをつけないとwarningが発生するため、回避策としてついつい楽をしてindexを使ってしまうことが多いと思います。(僕も結構やっちゃってました) インデックスを使うべきではない理由 中身が変わってないのに再更新かかってしまう 以下公式ドキュメントの一文を抜粋 key として配列のインデックスが使用されている場合、並べ替えはコンポーネントの状態に関しても問題を起こすことがあります。コンポーネントのインスタンスは key に基づいて更新、再利用されます。インデックスが key の場合、要素の移動はインデックスの変更を伴います。結果として、非制御の入力などに対するコンポーネントの状態が混乱し、予期せぬ形で更新されてしまうことがあります。 ここに記載の通り、インデックスをkeyにすると並び替え処理やフィルター処理