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的惟一,切记不要使用索引

results matching ""

    No results matching ""