react 嵌套渲染,如何在React中渲染嵌套数组元素

I want to render nested array elements. To render elements I used .map but it is not working for second array.

Using list=[{value: 'One', list:[{value: 'abc', selected: false},

{value: 'efg', selected: false}]}, {value: 'Two', list: [{value:

'psr', selected: false}]}];

list.map((item, index) => {

return (

• {item.value}

item.list.map((subitem, i) => {

return (

• {subitem.value}

)

})

)

})

Am I missing anything here?

Thanks

解决方案

Try this. You missed { } before your second map

list.map((item, index) => {

return (

• {item.value}

{

item.list.map((subitem, i) => {

return (

• {subitem.value}

)

})

}

)

}