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

【问题标题】：How do I include a form inside an accordion? (React, Formik)如何在手风琴中包含表单？（反应，Formik）
【发布时间】：2019-07-30 00:35:09
【问题描述】：

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

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

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

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

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

哦，我对这个图书馆很陌生，所以请原谅我的无知！

【问题讨论】：

【解决方案1】：

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

【讨论】：