配列データをmapメソッドを使って描画する際にReact、VueだとkeyにindexをセットしないとWarningが出ると思うのですが、このkeyに入れる値で、先日プルリクのレビューで新たな学びがあったので備忘録として記事にします。
レビューで指摘されたのは、
map()で、indexを使うのは、iteration対象(ループするもの)の値にkeyとして利用できるものがない場合のみにしましょう。
個人的に今まで配列データ内にidとかあればid(ユニーク値だから)、なければindexを普通に使ってたのですが、別にそんなことはなく、ユニークな値であれば何でもよいらしいです。例えば、
・Eメールアドレス
・データの中にdateオブジェクトがあれば、getTime()をすれば必ず違う時間になってユニーク値になる
などなど
とまぁ極力indexを使わずシンプルに書こうというレビューを受けて、個人的にティップス、備忘録として残しておこうと思いました。