React 中数组嵌套怎么渲染数据

Question

{

"result": {
    "cart_list": [
        {
            "company_name": "上海擎亿科技发展有限公司",
            "goods_list": [
                {
                    "goods_id": "100",
                    "goods_name": "JS高级程序设计"
                }
            ]
        }
    ]
}

}
上面是自己写的测试json数据

然后到了render这一步，该怎么写???????
render(){

            const cartList = this.state.obj && this.state.obj.result &&
                this.state.obj.result.cart_list.map((item, index) =>
                        <div key={index}>
                            <h3>{item.company_name}</h3>
                            <div cus-data={item.goods_list}></div>
                        </div>
                );

            return (
                    <div>
                        {cartList}
                    </div>
            );
        }

Answer 1

使用push

let list = []
datas.map( (item, index) => {
    list.push(
        <li>{item}</li>
    )
} )

return (
    <div>
        {list}
    </div>
)

Answer 2

上来就粘代码, 问怎么写?
需求都不说的.
外层map 出来了, 里层的接着map啊
item.goods_list.map(function(o,i,objs){return (<div key='" + i + "'>o.xxx</div>)})

Answer 3

先说说你的需求是什么，需要完成怎么样的效果

Answer 4

两个for（or map）循环遍历?或者分离拆开，弄两个组件~，用prop向内嵌的组件传递数据？？？