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>