Reactでmapで生成するときの、keyに入れる値はindexを出来れば避ける

qiita.com

Reactでmapで繰り返しする場合keyを指定する必要がある。

なにも考えずに、よく

array.map((item, idx) => {
    return (
        <item key={idx}>

のようにやっていました。なんかもう、keyにはindexを入れるものだと。

そしたらレビューでkeyはindexじゃなくて、この場合ならitem.titleを入れましょうと言われまして。

array.map((item, idx) => {
    return (
        <item key={item.title}>

なるほど！！となりました、いやそりゃそうなんですよね。思い込んでました。

ja.reactjs.org

公式にもレンダリングされる要素に安定したIDがないとき、最終手段として項目のインデックスを使うように書いてあります。気をつけます。