Javascript Ant design-折叠面板内的Object.map不工作

Javascript Ant design-折叠面板内的Object.map不工作,javascript,antd,map-function,Javascript,Antd,Map Function,我有这样一个对象列表: {CategoryName: "Production age", CategoryValue: [1997, 1996, 1992, 1991, 1995, 1990, 1993]} {CategoryName: "Mileage (km)" CategoryValue:[75213", "351255", "2150", "275000", "5000

我有这样一个对象列表:

{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映射到面板,将CategoryValue映射到行元素。对我来说,这似乎是我做对了,但不知何故,这是行不通的。谁能解释一下我做错了什么?多谢各位

我的代码:

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

{renderFiltering}
}
const renderFiltering=maincegory.map((过滤器,索引)=>{
返回(
{renderFilterValue(filter.CategoryValue)}
)})
常量renderFilterValues=(filterValues)=>{
filterValues.map((值)=>{
返回(
{values}
)})
}

我认为您的
常量renderFilterValues中缺少一个返回值,因为它是一个函数,否则它将什么也不返回

const renderFilterValues = (filterValues) => {
  // added return
  return filterValues.map((values) => {
    return (
      <Row>
        {values}
      </Row>
    )
  })
}
const renderFilterValues=(filterValues)=>{
//附加收益
返回filterValues.map((值)=>{
返回(
{values}
)
})
}

Ahh,是的,这就是问题所在。非常感谢:)