Я хотел бы перенаправить мою форму после успешной отправки асинхронной формы с помощью redux-формы. Я работаю с axios и redux-thunk
import {push} from 'connected-react-router'
Компонент продукта:
class ProductForm extends Component {
componentDidMount() {
this.props.fetchCatalogs()
}
render() {
const { handleSubmit, pristine, submitting, submitFailed } = this.props
return (
<form onSubmit={handleSubmit}>
{...}
</form>
)
}
}
Я пытался с этим: Перенаправление после успешного завершения редукс-формы
ProductForm = reduxForm({
form: 'ProductForm',
onSubmitSuccess: (result, dispatch, props) => {
dispatch(push('/next-route-after-submit'))
}
})(ProductForm);
Это хорошо работает, но я получил следующее сообщение:
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.