反応UIでは値が空ですが、コンソールに表示されます

Question

私は反応してフラックスと反応していました。コンソールにチェックインしたときに値が表示されますが、React developerツールをチェックインすると、期待値が空になります。私は単一のオブジェクトを送信している場合、それは正常に動作しています。しかし配列が送られた場合、何も表示されません。

誰でも問題を教えてください。同じコードと画像は以下の通りです。

コード：

var Product = React.createClass({ 
    render: function(){ 
    var product = this.props.product; 

    return (<div className="col-md-8"><hr/> 
     {product.map(function(items){   
       console.log(" Items in the field :"+JSON.stringify(items));    
      <div className="col-sm-6"> 
        <div className="col-sm-4"> 
        <img src={"/src/image/"+ items.image}/> 
        </div> 
        <div className="col-sm-2"> 
        <h2> {items.name}    </h2> 
        <p> {items.description} </p> 
        <h3> Price: ${items.price} </h3> 
        <h4>Inventory: {items.inventory}</h4> 
        </div> 
      </div> 
     })} 
      </div>  
    ) 
    } 
}); 

Answer 1

あなたは関数呼び出しから

var Product = React.createClass({ 
    render: function(){ 
    var product = this.props.product; 

    return (<div className="col-md-8"><hr/> 
     {product.map(function(items){   
       console.log(" Items in the field :"+JSON.stringify(items)); 

      return (<div className="col-sm-6"> 
        <div className="col-sm-4"> 
        <img src={"/src/image/"+ items.image}/> 
        </div> 
        <div className="col-sm-2"> 
        <h2> {items.name}    </h2> 
        <p> {items.description} </p> 
        <h3> Price: ${items.price} </h3> 
        <h4>Inventory: {items.inventory}</h4> 
        </div> 
      </div>); 
     })} 
      </div>  
    ) 
    } 
});