LoginSignup
1
0

More than 1 year has passed since last update.

配列データをmapメソッドを使って描画する際にReact、VueだとkeyにindexをセットしないとWarningが出ると思うのですが、このkeyに入れる値で、先日プルリクのレビューで新たな学びがあったので備忘録として記事にします。

レビューで指摘されたのは、

map()で、indexを使うのは、iteration対象(ループするもの)の値にkeyとして利用できるものがない場合のみにしましょう。

個人的に今まで配列データ内にidとかあればid(ユニーク値だから)、なければindexを普通に使ってたのですが、別にそんなことはなく、ユニークな値であれば何でもよいらしいです。例えば、

・Eメールアドレス
・データの中にdateオブジェクトがあれば、getTime()をすれば必ず違う時間になってユニーク値になる
などなど

とまぁ極力indexを使わずシンプルに書こうというレビューを受けて、個人的にティップス、備忘録として残しておこうと思いました。

1
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0