如何在手风琴中包含表格? (反应,福米克)

How do I include a form inside an accordion? (React, Formik)

我正在使用 Formik 在 ReactJS 中创建一个相当大的表单应用程序。我想使用 bootstrap 手风琴将我的表格分成多个部分,但这给我带来了一些挑战。

我的手风琴是它自己的组件,由 3 个部分组成。每个部分都导入一个表单组件,如下所示:

     Section 1
    <Accordion.Collapse eventKey="0">
      <Card.Body>
         <Form_part1/>
      </Card.Body>
    </Accordion.Collapse> 

我想收集这些表格,以便我可以使用手风琴下方的单个提交按钮同时发送所有值。

我可能应该使用某种嵌套表单或子表单来实现我的目标,但不知道如何实现。一些指针和建议的文件结构将受到高度赞赏。

哦,我对这个库还很陌生,请原谅我的无知!

用保存所有表单部件状态的 Form 组件包裹手风琴