首先,感谢您阅读我的问题,并尝试帮助我并为我的英语道歉。
我正在使用redux和redux-thunk,我想在redux上启动多个调度。更准确地说,我想在上一个结束后启动调度。
我的问题是我不知道如何获取它。
例如: 启动调度1->结束调度1->启动调度2
这是我的代码:
static moveLayer(layerSelected, direction) {
const mapLayers = [... AxisStore.getStore().getState().map.mapGLlayers];
const ids = mapLayers.map(l => l.id);
const index = ids.indexOf(layerSelected.id);
let newIndex = direction === 'down' ? index - 1 : index + 1;
let layerUpdated = Object.assign({}, mapLayers[index], {
redraw: false
});
let oldPositionLayer = Object.assign({}, mapLayers[newIndex], {
redraw: false
});
if (direction === 'down') {
mapLayers.splice(newIndex, 2, layerUpdated, oldPositionLayer);
} else {
mapLayers.splice(index, 2, oldPositionLayer, layerUpdated);
}
return (dispatch) => {
dispatch({
type: MapTypeConstants.SET_MAP_LAYERS,
payload: mapLayers
});
};
}
static updateBefore(layer) {
let mapLayers = [... AxisStore.getStore().getState().map.mapGLlayers];
const ids = mapLayers.map(l => l.id);
const posInRedux = ids.indexOf(layer.id);
let nextVisibleLayer = mapLayers.find((layerObj, idx) => idx > posInRedux && layerObj.layout && layerObj.layout.visibility && layerObj.layout.visibility === 'visible');
mapLayers[posInRedux].before = (nextVisibleLayer) ? String(nextVisibleLayer.id) : undefined;
mapLayers[posInRedux].redraw = (mapLayers[posInRedux].layout.visibility === 'visible') ? true : false;
return (dispatch) => {
dispatch({
type: MapTypeConstants.SET_MAP_LAYERS,
payload: mapLayers
});
};
}
答案 0 :(得分:3)
要等待异步调用结束,可以使用JS关键字await
。使用此关键字时,您的代码将暂停直到您调用的Promise结束为止,现在您的函数也需要变为async
:
myFunction = async () => {
await dispatch({})
dispatch({})
}
除非第一个调度完成,否则不会调用第二个调度。
这是您唯一的方法,请参阅下面的评论
第二种选择是使用Promise.all
。它将按照您提交的顺序执行一系列Promises:
myFunction = async () => {
await Promises.all([
dispatch({}),
dispatch({})
])
}
答案 1 :(得分:0)
您可以尝试redux-loop,它完全符合您的要求。
Elm Architecture到Redux的端口,您可以通过从减速器返回效果来自然而纯粹地对效果进行排序。