Действие Redux больше не работает после обновления с 5 до 7

Question

Я обновляю react-redux с 5 до 7.1.3.

Мои действия больше не запускаются. Они сделали какие-то изменения при торможении?

Мой компонент: ...

class App extends React.Component<IProps, IState> {
..
this.props.setUser(user);
..
};

const mapStateToProps = (state: IRootReducer) => ({
  user: state.globalReducer.user,
});

export default withRouter<any>(connect(mapStateToProps, {
  setUser
})(App));

Мое действие:

export const setUser = (user: IUser) => dispatch => {
  console.log('fire') // not firing
  dispatch({
    type: SET_USER,
    payload: {
      user
    }
  });
};

В примерах они имеют dispatch в компонент. Но я не хочу менять весь мой код. Также я отправляю действия из других действий.

Как мне решить эту проблему без особых изменений в моем коде?

Answer 1

Ваше действие setUser возвращает функцию с dispatch в качестве аргумента. Я предполагаю, что вы используете пакет https://github.com/reduxjs/redux-thunk, иначе действие setUser может не сработать. Возможно, попробуйте обновить пакет redux-thunk.

Answer 2

Попробуйте отправить действие setUser:

class App extends React.Component<IProps, IState> {
..
this.props.dispatch(this.props.setUser(user));
..
};

const mapStateToProps = (state: IRootReducer) => ({
  user: state.globalReducer.user,
});

export default withRouter<any>(connect(mapStateToProps, {
  setUser
})(App));

Если вы хотите использовать диспетчеризацию из файла действия, вам нужно изменить эту часть:

export default withRouter<any>(connect(mapStateToProps, {
  setUser
})(App));

на эту:

export default withRouter<any>(connect(mapStateToProps, (dispatch) => {
  return {
   setUser: (user) => dispatch(setUser(user))
  }
})(App));