[]反应jsx生成＆＃34;一个独特的关键道具＆＃34;警告，但如果我使用（）它是好的

Question

有人可以澄清为什么这个渲染功能

var ListItemWrapper = React.createClass({
  render: function() {
    var renderMe = [
      <span>{this.props.data.id}</span>,
      <span>{this.props.data.text}</span>
    ];

    return <div>{renderMe}</div>;
  }
});

产生

  

警告：数组或迭代器中的每个子节点都应该有一个唯一的＆＃34;键＆＃34;支柱。检查ListItemWrapper的呈现方法。有关详细信息，请参阅fb.me/react-warning-keys。

这个很好，没有任何警告：

var ListItemWrapper = React.createClass({
  render: function() {
    var renderMe = (
      <p>
        <span>{this.props.data.id}</span>
        <span>{this.props.data.text}</span>
      </p>
    );

    return <div>{renderMe}</div>;
  }
});