反应列表中的详细信息呈现

Question

表示render（）的第一种方式：

const arr = [<li>{numbers[0]}</li>,<li>{numbers[0]}</li>,<li>{numbers[1]}</li>]
return (
<ul>{arr}</ul>
);

它运行时发出警告，我可以理解：
警告：数组或迭代器中的每个子节点都应该有一个唯一的“键”支柱。

但其他方式：

  return (
    <ul>
      <li>{numbers[0]}</li>
      <li>{numbers[0]}</li>
      <li>{numbers[1]}</li> 
    </ul>
  );

运行正常，没有警告..

渲染上面列表的两种方法应该生成相同的虚拟dom.but我不明白为什么第二种方式运行没有像第一种方式发生的警告。
有人能说出原因吗？谢谢！

Answer 1

循环的React要求。您可以在https://reactjs.org/docs/lists-and-keys.html

上找到更多信息