gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 13:29:14 25 4
gpt4 key购买 nike

我在我的 React 应用程序中使用 formik 库。最初,我在构造函数中声明了状态值,在 componentDidMount 中,我使用该应用程序响应调用 API 来更新状态值,任何人都可以帮助我将状态值传递给 fomik 初始值

在我的情况下,formik 采用在构造函数中声明的初始状态值。提前致谢

class Dropdown extends Component {

constructor(props) {
super(props);
this.state = {
//some data
};
}
componentDidMount() {
//api call
this.setState( {
//update state values with api response data
});
}
render() {
return (
<Formik
initialValues={this.state}
validate={validate(validationSchema)}
onSubmit={onSubmit}
render={
({
values,
errors,
touched,
status,
dirty,
handleChange,
handleBlur,
handleSubmit,
isSubmitting,
isValid,
handleReset,
setTouched
}) => (
//form uses initialValues
)} />
)
}
}

最佳答案

将enableReinitialize添加到formik解决了我的问题

     <Formik
enableReinitialize
..
render={
({
..
}) => (
//form uses initialValues
)} />

关于reactjs - 如何在react js中将状态值传递给formik中的初始值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53920132/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com