reactjs - .map() 不执行任何操作并且没有错误 - react

Question

我正在使用 Reactjs es6/2015 进行编程。 所以我尝试对数组进行 .map() ，(就像我之前做过很多次一样)。当我将数组打印到控制台时，我得到了所有正确的信息，但没有任何反应。我无法渲染我想要的组件或简单的 h1。控制台或我的 web-pack watch 中没有错误。我根本不知道出了什么问题，该代码与我几乎写下来的其他代码相匹配，而其他代码则有效。两者之间唯一真正的区别是不同的变量名称。 我的代码:

show = [{content}, {content}, {content}];

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

感谢任何帮助。

Answer 1

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

您的组件应该是:

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

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