Question

我试图用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>

Answer 1

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

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

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

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

1 个答案: