Ant design - 折叠面板内的 Object.map 不工作
Ant design - Object.map inside Collapse Panel is not working
我有一个这样的对象列表:
{CategoryName: "Production age", CategoryValue: [1997, 1996, 1992, 1991, 1995, 1990, 1993]}
{CategoryName: "Mileage (km)" CategoryValue:[75213", "351255", "2150", "275000", "5000", "23125", "125000", "14500", "75000", "295312", "31250", "123000", "240000"]
我想将 CategoryName 映射到面板,并将 CategoryValues 映射到 Row 元素。对我来说,似乎我做对了,但不知何故不起作用。有人可以解释我做错了什么吗?谢谢
我的代码:
<Collapse>
{renderFiltering}
</Collapse>}
const renderFiltering = MainCategory.map((filter, index) => {
return (
<Panel header={filter.CategoryName} key={filter.CategoryName}>
{renderFilterValues(filter.CategoryValue)}
</Panel>
)})
const renderFilterValues = (filterValues) => {
filterValues.map((values) => {
return (
<Row>
{values}
</Row>
)})
}
我认为你的 const renderFilterValues
中缺少一个 return 因为它是一个函数,否则它会 return 什么都没有
const renderFilterValues = (filterValues) => {
// added return
return filterValues.map((values) => {
return (
<Row>
{values}
</Row>
)
})
}
我有一个这样的对象列表:
{CategoryName: "Production age", CategoryValue: [1997, 1996, 1992, 1991, 1995, 1990, 1993]}
{CategoryName: "Mileage (km)" CategoryValue:[75213", "351255", "2150", "275000", "5000", "23125", "125000", "14500", "75000", "295312", "31250", "123000", "240000"]
我想将 CategoryName 映射到面板,并将 CategoryValues 映射到 Row 元素。对我来说,似乎我做对了,但不知何故不起作用。有人可以解释我做错了什么吗?谢谢
我的代码:
<Collapse>
{renderFiltering}
</Collapse>}
const renderFiltering = MainCategory.map((filter, index) => {
return (
<Panel header={filter.CategoryName} key={filter.CategoryName}>
{renderFilterValues(filter.CategoryValue)}
</Panel>
)})
const renderFilterValues = (filterValues) => {
filterValues.map((values) => {
return (
<Row>
{values}
</Row>
)})
}
我认为你的 const renderFilterValues
中缺少一个 return 因为它是一个函数,否则它会 return 什么都没有
const renderFilterValues = (filterValues) => {
// added return
return filterValues.map((values) => {
return (
<Row>
{values}
</Row>
)
})
}