将 Formik 值提升到更高级别的状态

Posted

技术标签:

【中文标题】将 Formik 值提升到更高级别的状态【英文标题】:Hoisting Formik values to higher level state 【发布时间】:2022-01-12 20:35:28 【问题描述】:

在 Formik 组件中,我需要 values prop 中的值之一在组件外部可用。最好绑定到状态变量。

      <Formik
        initialValues=initialValues
        validationSchema=LocationAddressSchema
        onSubmit=onSubmit
      >
        ( isSubmitting, isValid, values ) => (
          <Form>

例如,我如何从 values.name 中获取返回的内容并将其设置为状态变量,以便每次 values.name 的值更改时,状态都会重新呈现保持该新值

【问题讨论】:

【参考方案1】:

你试过这个方法吗?

<Formik ...>
...

<input type="text" onChange=props.handleChange ...>
...
</Formik>

【讨论】:

以上是关于将 Formik 值提升到更高级别的状态的主要内容,如果未能解决你的问题,请参考以下文章

reactjs - 如何在formik中将状态值传递给初始值

Jackson - 将内部对象列表反序列化为更高级别的列表

将 dict 转换为具有更高级别的数据帧

如何将多个 Stream 合并为更高级别的 Stream?

将参数传递给更高级别的事件处理程序

更高级别的测试