在上一个结束之后如何启动调度

时间:2018-12-18 08:29:09

标签: javascript reactjs redux redux-thunk

首先,感谢您阅读我的问题,并尝试帮助我并为我的英语道歉。

我正在使用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
        });
    };
}

2 个答案:

答案 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的端口,您可以通过从减速器返回效果来自然而纯粹地对效果进行排序。