react异常 Each child in a list should have a unique “key” prop

react异常警告：Each child in a list should have a unique “key” prop

原因：Dom在渲染数组时，需要一个key，不然嵌套数组时会引起歧义

解决：

  <div className="classlist-contaier">
    {this.state.classList.map((item, index) => {
      return <ClassItem key={index}/>;
    })}
  </div>

另外，如果遍历添加组件时，在组件外再加个div之类的容器，那么key需要在上层添加。比如：

  <div className="classlist-contaier">
    {this.state.classList.map((item, index) => {
      return (
        <div key={index}>
          <ClassItem/>
        </div>
      );
    })}
  </div>