反応の配列のデータを表示するには？

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

私のコードです。 Stationオブジェクトではなく"{stations}"という文字列にmap()を呼び出すことが効果的であるため、未定義のエラーが発生しています。

<App name='{stations}'>ssssss</App>を<App name={stations}>ssssss</App>に置き換えます。