Ant 设计 - 折叠面板内的 Object.map 不起作用答案

【问题标题】：Ant design - Object.map inside Collapse Panel is not workingAnt 设计 - 折叠面板内的 Object.map 不起作用
【发布时间】：2021-04-24 12:06:18
【问题描述】：

我有一个这样的对象列表：

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

【问题讨论】：

标签： javascript antd map-function

【解决方案1】：

我认为你的const renderFilterValues 中缺少返回，因为它是一个函数，否则它不会返回任何内容

const renderFilterValues = (filterValues) => {
  // added return
  return filterValues.map((values) => {
    return (
      <Row>
        {values}
      </Row>
    )
  })
}

【讨论】：

啊，是的，这就是问题所在。非常感谢:)