Reactjs 带Formik的两部分表单

Reactjs 带Formik的两部分表单,reactjs,antd,formik,Reactjs,Antd,Formik,我想创建一个包含两部分的页面,一部分是输入部分,其中包括使用Formik的输入字段,另一部分是表(例如antd Table component),其中显示插入第一部分的数据。 请帮助我。在表单和表组件上方有一个包装器组件。 在包装器中维护状态。现在,在表单中填充详细信息后,将创建的表单值作为回调传递给包装器以更新状态。 使用该状态填充表组件中的数据 下面是带有示例的codeSandbox

我想创建一个包含两部分的页面,一部分是输入部分,其中包括使用Formik的输入字段,另一部分是表(例如antd Table component),其中显示插入第一部分的数据。
请帮助我。

在表单和表组件上方有一个包装器组件。 在包装器中维护状态。现在,在表单中填充详细信息后,将创建的表单值作为回调传递给包装器以更新状态。 使用该状态填充表组件中的数据

下面是带有示例的codeSandbox