エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[React]ループ表示でkeyにindexを使うのをやめよう - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[React]ループ表示でkeyにindexを使うのをやめよう - Qiita
なぜkeyにindexを使っってはいけないか まず、keyにindex を使うことはできてしまいます。エラーとなる... なぜkeyにindexを使っってはいけないか まず、keyにindex を使うことはできてしまいます。エラーとなることはなく、 コンソールにワーニングが出ます。 こちらは無視することはできますが、それはいけません。 なぜなら、Reactの特徴でもある 差分更新ができなくなってしまうからです。 indexというのは表示する順番に依存するため、その度に意図せず変更されてしまいます。 そのため、例えばリストの真ん中に新規のデータを挿入したい時でもその部分だけ更新するのが期待値ですが、 そうはならず、リスト全体が更新されてしまいます。 データが多いリストであればこれはパフォーマンスにも影響を与えてしまうので、無視することはやめましょう。 ##keyにはユニークな値を使う この表題のルールを守るだけで、より良いパフォーマンスになり正しい差分更新ができます。 一般的には、DBと接続しているシステムであ