如何在FieldArray之外使用formik“ arrayHelper”?

时间:2019-05-29 20:57:33

标签: javascript reactjs formik

我试图用arrayHelpers创建2个FieldArray容器。他们每个人都使用不同的对象。 Obj1和Obj2有​​他们的arrayHelper,并且每个人都知道如何向数组中添加对象或从数组中删除对象。

我想用这两个容器之外的两个按钮“ Add Obj1”和“ Add Obj2”来做某种工具栏。 问题是如何在这些容器之外使用arrayHelper?还是您可以建议另一个流程如何更改我的数组? 问题是如果我从父级更改数组-我不能仅通过props.obj1使用props.values,但是在这种情况下,我的更改无法保存。

<FieldArray name="obj1"
                    render={arrayHelpers => {}/>
<FieldArray name="obj2"
                    render={arrayHelpers => {}/>

<div class="toolbar">...buttons</div>

1 个答案:

答案 0 :(得分:0)

要访问FieldArray之外的arrayHelpers,可以使用引用。

我已经创建了一个代码沙箱,显示了如何执行此操作:

https://codesandbox.io/s/using-refs-to-access-child-methods-cps7w