Почему не обновляется state в хранилище Redux?

Question

[Incold]

Здравствуйте! Уже пару часов ломаю голову почему не обновляется state.
Есть action, который отправляет значение полей в форме (логин и пароль) на сервер и получает ответ от него в виде обычной строки.

function app (state=initialState, action) {
  if (action.type === 'LOGIN') {
    if (!Object.keys(state.loginValue).length) return state;
    else {
      let data = JSON.stringify(state.loginValue);
      axios.post('http://localhost:80/signin', data, {
        headers: {
          'Content-Type': 'application/json'
        }
      })
      .then(res => {
        if (res.data !== 'All ok!') {
          console.log(res.data); // Здесь всё хорошо, ответ от сервера (строка) приходит
          return { // Здесь, по идее, должно происходить обновление state, но оно не срабатывает 
            ...state,
            loginWarning: res.data 
          };
        }
      })
      .catch(() => state)
    }
  }
  ...
  return state;
}

Установил subscribe на state, и он не срабатывает, т.к. нет изменений. Как это исправить? Заранее, спасибо за любую помощь!

Answer 1

[Demian Smith]

1. В редьюсере не должно быть асинхронных операций. Уберите axios из редьюсера. Так не получится.
2. Вам нужен thunk. Вот пример как это делается правильно https://alligator.io/redux/redux-thunk/

Comments

[Incold]

Напрочь забыл об этом, спасибо)