如何在手风琴中包含表格？ （反应，Formik）

Question

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

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

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

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

我可能应该使用某种嵌套形式或子形式来实现我的目标，但不知道如何实现。一些指针和建议的文件结构将不胜感激。

哦，我是这个图书馆的新手，请原谅我的无知！

Answer 1

使用Form组件包装手风琴，该组件可以保存所有表单部件的状态