如何在反应中显示数组的数据？

Question

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

HI 我试图在列表中显示数组的数据。我得到未定义的错误原因？

这是我的代码 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

你不应该用引号包装道具，因为它会将它们变成一个字符串文字。您收到了未定义的错误，因为您有效地尝试在字符串map()上调用"{stations}"，而不是您的电台对象。

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