如何在react中显示数组的数据？

Question

http://codepen.io/naveennsit/pen/oxRwYM

您好，我想在列表中显示数组的数据。 我收到未定义的错误，为什么？

这是我的代码http://codepen.io/naveennsit/pen/oxRwYM

var stations = [
  {call:'station one',frequency:'000'},
  {call:'station two',frequency:'001'}
]; 
class App extends React.Component {

  render (){
    var stationComponents = this.props.name.map(function(station) {
            return <div className="station">{station.call}</div>;
        });
        return <div>{stationComponents}</div>;
  }
   handleClick(e){
     alert('--')
   } 

}


React.render(<App name='{stations}'>ssssss</App>,document.getElementById('app'))

Answer 1

您不应该将道具用引号引起来，因为这会使它们变成字符串文字。 您收到未定义的错误，因为您实际上是在尝试对字符串"{stations}"而不是stations对象调用map() 。

将<App name='{stations}'>ssssss</App>替换为<App name={stations}>ssssss</App> 。