与福米克如何在句柄中访问包装表单的道具提交

Question

我定义：

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

然后使用 withFormic 定义 HOC：

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

在父组件中，我指定了一个回调函数：

<Task2 callback={this.something} />

现在，我希望句柄提交调用回调函数。 我会做的只是

this.props.callback()

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

问：如何访问 HOC 中的 Form1.props？

Answer 1

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

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