小编AJF*_*kas的帖子

我有一系列反应组件,我试图按特定顺序渲染.像这样的东西:

render: function() {
  var items = stock.map(function(item) {
    return <NewLI data={item} key={item.id}/>
  }
  return <ul>{items}</ul>
}

我的问题是React没有以原始数组的顺序返回li(实际组件比单个组件更复杂li,但是它被正确地包装在a中div).

所以,如果打印id键items,我得到这个:

items.forEach(function(a) { console.log(a.id) })
> 1
> 2
> 3
> 4

但我的React渲染看起来像这样:

<ul>
  <li...>2</li>
  <li...>3</li>
  <li...>4</li>
  <li...>1</li>
</ul>

这是预期的行为吗？有没有办法保证订单？