Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
ReactJS、Formik、引导模式-从模式按钮提交_Reactjs_Bootstrap Modal_Formik - Fatal编程技术网

ReactJS、Formik、引导模式-从模式按钮提交

ReactJS、Formik、引导模式-从模式按钮提交,reactjs,bootstrap-modal,formik,Reactjs,Bootstrap Modal,Formik,我的ReactJS应用程序中有以下结构-。 我试图通过使用Bootstrap模式窗口的按钮以某种方式提交Formik表单,但是我无法理解如何从树下的两个组件调用表单提交并将函数组合在一起 有人能告诉我这是否是可以实现的吗 谢谢 在FormFields组件中,您需要在表单中添加id <Form id="fooId"> 然后提交表格。您可以跳过将onClick事件传递给该按钮,并将doSubmit方法传递给FormFields组件中的Formik组件 您从未在模式中

我的ReactJS应用程序中有以下结构-。 我试图通过使用Bootstrap模式窗口的按钮以某种方式提交Formik表单,但是我无法理解如何从树下的两个组件调用表单提交并将函数组合在一起

有人能告诉我这是否是可以实现的吗


谢谢

FormFields组件中,您需要在表单中添加
id

<Form id="fooId">
然后提交表格。您可以跳过将
onClick
事件传递给该按钮,并将
doSubmit
方法传递给FormFields组件中的
Formik
组件


您从未在模式中使用
表单字段,因此我不清楚问题所在。模式中使用了一个Formik表单字段“Title”。这是否回答了您的问题?
<Button
 ...
 type="submit"
 form="fooId"
 ...
/>