如何顯示數組中的數據反應？

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}"調用map()，而不是您的工作站對象。

將<App name='{stations}'>ssssss</App>替換爲<App name={stations}>ssssss</App>。