Redux即时更新,但反应组件具有异步滞后

时间:2018-05-17 19:01:25

标签: reactjs redux redux-saga

我的组件有一个复选框,在单击时将触发this.props.toggleChange操作创建者。在toggleChange动作创建器中,它将调度一个由Redux Saga拾取的TOGGLE_CONFIG_CHANGE。传奇函数的内部如下所示:

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布尔值会在复选框单击时立即更改(正如人们所期望的那样)。但是,在异步操作完成之前,复选标记不会切换,从而使其产生滞后按钮的错觉。是什么赋予了?

0 个答案:

没有答案