Как избежать сообщения о подписках и асинхронных задачах после перенаправления моей избыточной формы - PullRequest
0 голосов
/ 19 марта 2019

Я хотел бы перенаправить мою форму после успешной отправки асинхронной формы с помощью 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.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...