来自 redux 存储的 Formik 初始值

【问题标题】：Formik initial values from redux store来自 redux 存储的 Formik 初始值
【发布时间】：2020-10-17 21:11:55
【问题描述】：

我从 redux 存储中获取 formik initialValues 的值，但它们在组件挂载时未定义。

原始示例

const value1 = useSelector(state => state.store.value1)

const initialValues = { value1 }

const formik = useFormik({ initialValues })

...

return (
 <>
   <input name='value1' value={formik.values.value1} />
 </>
)

有什么方法可以依赖这个值吗？或者动态加载它们？

【问题讨论】：

标签： reactjs formik

【解决方案1】：

你可以通过传递 Redux 状态的 props 值在 Formik 中设置初始值。

const { user } = this.props; 

return ( 
  <Formik 
    enableReinitialize={true} 
    initialValues={{
      name: user.name ? user.name : "",
      age: user.age ? user.age : ""
   }} 
  > ... 
 </Formik>
)

【讨论】：