list を render するとき、React は render 間で どの item がどれかを知る必要があります。そうすることで DOM node を正しく再利用、並べ替え、挿入、削除できます。key がその identity です。
jsx
{users.map(user => (
<Row key={user.id} user={user} /> // stable, unique id
))}
array index が危険な理由
index を key にすると、React に「位置 0 の item は以前と同じ item だ」と伝えることになります。list が並べ替わったり、先頭に挿入・削除された瞬間に壊れます。
