Как очистить избыточное состояние для ошибок формы при смене страницы

Question

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

React.useEffect(() => {
  props.clearErrors();
}
...

const mapActionsToProps = (dispatch) => {
  return {
     ...,
     clearErrors: () => {
       dispatch({ type: 'CLEAR_ERRORS' });
     },
  }
};

Однако я хочу очищать ошибки при каждом изменении страницы.

Answer 1

Чтобы устранить ошибку при смене страницы, вы должны отправить действие при размонтировании страницы, returning a function с некоторыми логами c в useEffect:

React.useEffect(() => {
  return () => props.clearErrors();
}
...

const mapActionsToProps = (dispatch) => {
  return {
     ...,
     clearErrors: () => {
       dispatch({ type: 'CLEAR_ERRORS' });
     },
  }
};