Redux 在状态更改后进行ajax调用

Redux 在状态更改后进行ajax调用,redux,Redux,我想在我的页面上实现基于复选框的过滤。当我点击复选框时,我想改变状态,并根据选中的项目进行ajax调用 我已经创建了toggleCheckboxid操作和reducer,用于添加/删除选定项的id,但我不知道应该将ajax调用放在哪里 有什么想法吗 网络调用是异步的,默认情况下操作是同步的。它们只是普通的物体。要处理异步行为,您需要一个副作用库,如redux sagas或redux thunks。看一看,您的组件应该调度异步操作,以避免重复切换所选项目的逻辑,将其移动到异步操作,并将正常操作从切

我想在我的页面上实现基于复选框的过滤。当我点击复选框时,我想改变状态,并根据选中的项目进行ajax调用

我已经创建了toggleCheckboxid操作和reducer,用于添加/删除选定项的id,但我不知道应该将ajax调用放在哪里


有什么想法吗

网络调用是异步的,默认情况下操作是同步的。它们只是普通的物体。要处理异步行为,您需要一个副作用库,如redux sagas或redux thunks。看一看,您的组件应该调度异步操作,以避免重复切换所选项目的逻辑,将其移动到异步操作,并将正常操作从切换更改为设置。像这样:

const toggleCheckbox = id => (dispatch, getState) => {
    const items = toggle(id, getState().selectedItems);
    dispatch(setSelectedItems(items));
    // call API with "items"
};

谢谢,我知道我必须用传奇或恶作剧。我的问题是我应该在哪里进行这个ajax调用-所以我会改变状态。从thunk或saga,无论您使用什么,您都会发送一个成功的操作,并在操作负载中传递新数据。然后使用减速器中的有效载荷来改变状态。