gpt4 book ai didi

reactjs - withFormik如何在handleSubmit中访问包装表单的 Prop

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

我定义:

class Form1 extends React.Component{
....
}

然后使用 withFormic 定义 HOC:

const Form2 = withFormik({
handleSubmit(values, { resetForm, setErrors, setSubmitting }) {
...
},
....
})(Form1);

在父组件中,我指定了一个回调函数:

<Task2 callback={this.something} />

现在,我希望handleSubmit调用回调函数。我会这样做

this.props.callback()

但似乎 this 没有在 HOC 中定义。

问题:如何在 HOC 中访问 Form1.props?

最佳答案

您需要将 props 作为 handleSubmit 中的第二个参数之一传递,并且可以按如下方式访问 props:

const Form2 = withFormik({
handleSubmit(values, { props, resetForm, setErrors, setSubmitting }) {
...
props.callback();
},
....
})(Form1);

关于reactjs - withFormik如何在handleSubmit中访问包装表单的 Prop ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52349017/

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