将 formik 验证错误传递给父组件

Question

我正在创建一个内部有其他 2 个组件的组件，每个组件都有 Formik，我这样做是因为每个内部组件在模糊时分别提交。

我想要做的是，一旦 Formik 验证，错误应该显示在父组件中。

这是一个简单的结构示例：

<ParentComponent>
    <FirstInputField onChange={firstChangeHandler} />
    <Divider />
    <SecondInputField onChange={secondChangeHandler} />
    <ErrorMessages>I WANT ERRORS TO BE HERE</ErrorMessages>
</ParentComponent>

第一种方法是向子组件发送一个“onError(error)”并调用它来更新父组件上的错误状态，但我收到了一个警告。

在渲染不同的组件 (child) 时无法更新组件 (parent)

所以我想看看是否有其他方法可以做到这一点。

Answer 1

用于管理错误状态的上下文 Api 将解决您的问题。

类似实现的参考你可以检查这个post。