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

【问题标题】：How can I use formik "arrayHelper" outside of FieldArray?如何在 FieldArray 之外使用 formik“arrayHelper”？
【发布时间】：2019-05-29 20:57:32
【问题描述】：

我尝试使用 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>

【问题讨论】：

标签： javascript reactjs formik

【解决方案1】：

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

我已经创建了一个代码沙箱，展示了如何做到这一点：

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

【讨论】：

谢谢！稍作修改 - 现在效果很好。你让我开心！