映射时嵌套数据表

Question

好吧，我是一个反应新手。基本上我有两个表products和categories。 我管理绘制出products用：

var ProductsList = React.createClass({ 
render: function() { 
    var EachProduct = this.props.data.map(function (item) { 
     return (
       <SingleProduct key={item.Id } data={item}/> 
     ); 
    }); 
    return (
     <ul> 
      {EachProduct} 
     </ul> 
     ); 
} 

}）;

...还有第二张表categories。我尝试了谷歌搜索，但我真的不知道如何谷歌它。 通常我可以发送两个模型来查看控制器，可以做foreach foreach，第二个可以看categories的fk_product_id或类似的东西，所以<SingleProduct/>类可以显示与映射产品连接的所有类别。但这只是一个不同的故事。

我不知道该怎么做@_ @。如果有人能带领我，我会很感激。

Answer 1

也许会有这样的帮助：

render: function() { 
var EachProduct = this.props.data.map(function (item) { 
    var category = this.props.categories.find((categoryItem)=>{ 
     return (item.categoryId === categoryItem.id) 
    }) 
    return (
      <SingleProduct key={item.Id } data={item} category={category}/> 
    ); 
}); 
return (
    <ul> 
     {EachProduct} 
    </ul> 
    ); 

}