reactjs - ReactJS、Formik、Bootstrap 模态 - 从模态按钮提交

Question

我的 ReactJS App- CodeSandBox 链接中有以下结构。我试图通过使用 Bootstrap 模式窗口的按钮以某种方式提交 Formik 表单，但是我无法理解如何从树中的 2 个组件调用表单提交并将这些功能组合在一起。

有人可以建议它是否甚至可以实现吗？

谢谢！

标签： reactjsbootstrap-modalformik

Answer 1

在FormFields组件中，您需要在id表单中添加一个

<Form id="fooId">

并为模态按钮添加form和type属性，如：

<Button
 ...
 type="submit"
 form="fooId"
 ...
/>

表格将被提交。您可以跳过将onClick事件传递给该按钮并将doSubmit方法传递给FormFieldsFormik组件中的组件。

密码沙盒