.map()什么都不做,没有错误 - 反应

时间:2016-03-11 09:10:38

标签: reactjs ecmascript-6

我在Reactjs编程,es6 / 2015。 所以我试图将.map()放在一个数组上,(就像我以前做过很多次)。当我将数组打印到控制台时,我得到了所有正确的信息,但没有任何反应。我无法渲染我想要的组件或简单的h1。控制台或我的网络包表中没有错误。我根本不知道出了什么问题,代码与我写的几乎其他代码相匹配,而另一些代码则有效。两者之间唯一真正的区别是不同的var名称。 我的代码:

[ngFormModel] => [ngformmodel]

感谢任何帮助。

1 个答案:

答案 0 :(得分:4)

你应该在map函数中返回,否则你只有一个空数组。

您的组件应该是:

render () {
 return <div className="box">
  {show.map( (item, key) => {
    return <MyComponent item={item} key={key} choice=this.choice.bind(this)} />
  })}
 </div>;
 }

据我所知,返回值不需要括号(我从不使用它们,也从未遇到任何问题)。