Ant design Collapse 不适用于 Map

Question

如果我为面板放置 Map，我正在使用放置在 Collapse 标签内的 Ant-Design 进行折叠，它不起作用有人可以建议我解决方案。没有 Map It 工作。但是使用 Map 不是。

代码如下：

<Collapse
              defaultActiveKey={["1"]}
              accordion
              expandIcon={(props) => customExpandIcon(props)}
              ghost
            >
              {JSON.map((assesment, index) => (
                  
              <div>
              <Panel index header="This is panel header 1" key="1">
                <p>Header1</p>
              </Panel>
              </div>
                ))}
            </Collapse>

Answer 1

似乎有几个问题我想指出应该更正。

它不是 JSON.map 而是一些对象列表（可能是 assesments.map）。
我认为 Panel 必须是 Collapse 的直接后代，所以它不应该在 div 标签中。
Key 属性应该是索引，这样不是所有的面板都有 key 1

这里有一个使用地图的例子 https://codesandbox.io/s/mystifying-microservice-tuef7?file=/index.js

如果这没有回答您的问题，请提出任何问题。

Ant design Collapse 不适用于 Map

Ant design Collapse is not working with Map

reactjs

antd