現在有后端提供的類似下面這種格式的數據{ status:X,
body:
[
{year: 2017, month: [December, October, ...]}
{year: 2016, month: [December, October, ...]}
{year: 2015, month: [December, October, ...]}
...
]
}需要在 React 中渲染成<SubMenu key={year} title={<span>{year}</span>}>
<Menu.Item key={month}>{month}</Menu.Item>
<Menu.Item key={month}>{month}</Menu.Item>
</SubMenu>
<SubMenu key={year} title={<span>{year}</span>}>
<Menu.Item key={month}>{month}</Menu.Item>
<Menu.Item key={month}>{month}</Menu.Item>
</SubMenu>...我目前可以想到的是用 map,可以做到把 year 渲染出來: this.state = { year: data.body.map((x) => { return x.year }),
} const dateList = this.state.year.map((item, index) => { return (
<SubMenu key={index} title={<span>{item}</span>}>
xxxx </SubMenu>
)
});但是對應的 month 我不知道該如何才能渲染進不同的 <Menu.Item></Menu.Item>中去了,希望高手能指點一下,十分感謝。
React 中嵌套數組數據如何渲染到前端頁面
達令說
2018-10-19 18:15:32