Вложенные датированные при отображении

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, Я попробовал поискать в Google, но я не знал, как это сделать. Обычно я мог просто послать две модели для просмотра из контроллера и мог просто делать 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>
    );

}