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

Question

我正在使用Formik在ReactJS中創建一個很大的表單應用程序。 我想使用Bootstrap手風琴將表格分成幾個部分，但這給我帶來了一些挑戰。

我的手風琴是它自己的組件，由3個部分組成。 每個部分都導入一個表單組件，如下所示：

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

我想收集這些表格，以便可以通過手風琴下方的一個提交按鈕同時發送所有值。

我可能應該使用某種嵌套形式或子形式來實現我的目標，但不知道如何實現。 一些指針和建議的文件結構將不勝感激。

哦，我是這個圖書館的新手，請原諒我的無知！

Answer 1

用一個Form組件包裝手風琴，該組件可保存所有表單零件的狀態