Keys
keys
是React识别组件的惟一标识,组件的更改、添加、删除等都依赖keys
标识。因此,我们需要对每一个React的组件指定keys
。默认情况下,React会自动帮我们添加,所以当组件不重复使用时,可以省略。
可省略key
示例:
render() {
return (
<div>
<label>姓名:</label>
<input />
</div>
)
}
不可省略key
示例:
const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map(number =>
<li key={String(number)}>
{number}
</li>
);
要特别注意,当我们动态创建组件时,要确保key的惟一,切记不要使用索引。