如何重置向导样式redux表单？

Question

我使用示例http://redux-form.com/6.0.5/examples/wizard/来完成自己的表单。 但是，当我使用向导样式表单时，如何重置第一个和第二个表单？

Answer 1

理想情况下，您可以通过在父组件上提交数据后调用dispatch(reset('myForm'));来清除表单。

您可以在此处了解更多信息 https://redux-form.com/6.7.0/docs/faq/howtoclear.md/

棘手的部分是确保您提交的组件（又称父组件）上有dispatch可用。

一种实现方法是用connect（）包装父组件。之后，您的组件将收到一个派发函数作为道具。然后，您可以使用 this.props.dispatch。

这对我有用

submitForm(values) {
    const { dispatch } = this.props


    axios.post(`YOUR_URL_HERE`, values)
    .then(response => {
        console.log(response.data)
        dispatch(reset('MY_FORM')); 
    })
    .catch(error => {
        console.log("Unexpected error", error);
    });

}