javascript: map内でmapする方法(一部react)

Question

困っていること

2重配列になっている時の値の取り出し方が分からない。

// {id: 1, name:果物, sub: {id:1, name: 'スイカ', id: 2, name: 'りんご} id:2...}
this.props.category.map(obj) => (
  console.log(obj)
 <ul>
 <li>{obj.name}</li>
 obj.sub.map(detail) => (
 <ul>
 <li>{detail.name}</li>
  console.log(detail.name)
 ));
 </li>
 </ul>
));