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}
)
})
}
)
}