[react]mapを使用する場合のpropsのキー値

689 ワード

reactでmapを使用する場合、キーに値を割り当てる最大の理由は、キーに値を付けないと、サイトが不要な全体的なプレゼンテーションを行うためです.
keyは、配列内の要素に一意性を付与するために格納されます.
keyに値を付けなくてもエラーはありませんが、警告が表示されます.
不要なレンダリングを回避するには、キー値に一意のインデックス値を指定する必要があります.
comment.map((props,i) => {
<Comment key={i} content={props} />
)}
これで書けます~