Redux обновляется мгновенно, но реагирующий компонент имеет асинхронную задержку - PullRequest
0 голосов
/ 17 мая 2018

Мой компонент имеет флажок, который при щелчке запускает создатель действия this.props.toggleChange.Создателю действия toggleChange будет отправлено сообщение TOGGLE_CONFIG_CHANGE, которое получает Redux Saga.Внутренняя часть функции саги выглядит следующим образом:

export function* toggledConfigSaga () {
    yield put(toggleConfigClicked()); // this fires off TOGGLE_CONFIG_CLICKED
    yield put(saveAllCurrentConfigsAndFetchServerStuff()); // this function will throw up a spinner as asynch actions complete
}

В моем редукторе у меня есть CASE types.TOGGLE_CONFIG_CLICKED: return {...state, toggleConfig: !state.configChecked};.В инструментах redux dev и журнале консоли логин configClicked изменяется мгновенно при нажатии флажка (как и следовало ожидать).Тем не менее, флажок не переключается до тех пор, пока не завершатся асинхронные действия, создавая иллюзию медленной кнопки.Что дает?

...