Ant Design Collapse - 关闭按钮

我是 Ant Design 的初学者，在使用 Ant Design 库中的 Collapse 和 Form 时遇到了这个问题。

我已经设置了我的页面，其中添加新项目的表单位于折叠中，并且折叠下方有一个项目列表。

<Collapse>
  <Panel header="Add New"> 
     <Form />
  </Panel>
<Collapse>
<List/>

该项目已成功添加到折叠之外的列表中，但用户必须通过按面板标题来关闭折叠。 我希望当他们按下折叠内表单上的提交按钮时，折叠会自动关闭。

有什么办法可以实现这一点吗？

先感谢您。

只要维持一个状态说open并将其作为崩溃的支撑。提交时将其设置为空数组。

工作演示 https://codesandbox.io/s/antd-collapse-issue-fix-9l993?file=/index.js

代码片段

const App = props => {
  const [open, setOpen] = useState(["1"]);
  const handleSubmit = e => {
    e.preventDefault();
    setOpen([]);
  };
  return (
    <Collapse activeKey={open} onChange={() => setOpen(prev => [1])}>
      <Panel
        onChange={() => setOpen(prev => [1])}
        header="This is panel header 1"
        key="1"
      >
        <p>{text}</p>
        <form onSubmit={handleSubmit}>
          <button type="submit">Submit</button>
        </form>
      </Panel>
    </Collapse>
  );
};