У меня есть настройка формы с избыточной формой, и я в основном хочу создать сценарий, в котором, если какой-либо из входов формы заполнен содержимым, и вы пытаетесь отойти от страницы, вы получаете приглашение.

Намерение состоит в том, чтобы отменить размонтирование страницы или переход по страницам, если они нажмутотменить, Я попытался создать условное, что если бы выполнил бы простоreturn но он все еще отходит от текущей страницы.

Это, вероятно, естественно, и что я пока не знаком с рабочим процессом реагировать / реагировать на маршрутизатор, но пока кто-нибудь сможет объяснить лучший подход для этого? Есть ли вообще что-то, что позволило бы мне остановить размонтирование, если что-то не выполнено?

import { reduxForm } from 'redux-form';

class Form extends Component {
  componentWillUnmount() {
    if (!this.props.pristine && !confirm('Are you sure you want to navigate away from this page?')) {
      return;
    }
  }

  render() {
    const { handleSubmit } = this.props;

    return (
      <form onSubmit={ handleSubmit(this.props.onSubmit) }>
        ...
      </form>
    );
  }
}

...

export default connect(mapStateToProps, null)(reduxForm({
  form: 'Form',
  enableReinitialize: true,
  validate
})(Form));