Reduxのアクションがディスパッチ終了するのを待って

Question

I次のアクションの作成者があります。

export function scrolltoNextItem(item) { 
    return (dispatch, getState) => { 
    dispatch(appendItem(Item)); 
    dispatch(
     scrollToNextIndex(
     getState().items.length - 1 
    ) 
    ) 
    } 
} 

問題がappendItemの前scrollToNextItemの実行が終了したとスクロール位置が間違ってされて終わるということです。

export function scrolltoNextItem(item) { 
    return (dispatch, getState) => { 
    dispatch(appendItem(Item)); 
    setTimeout(() => { 
     dispatch(
     scrollToNextIndex(
      getState().items.length - 1 
     ) 
    ) 
    }, 0); 
    } 
} 

私が完了するappendItemアクションを待つことができますどのように私はscrollToNextItemを実行する前に、次のダニのためのスクリプト待ちの実行を行うためにsetTimeoutを追加することによって、これが事実であることを証明することができますか？

this.setState({something: 'some thing'},() => { 
    console.log('something is set'); 
}); 

しかしdispatchは、任意のコールバック機能を提供していません：標準では、私はちょうどsetStateコールバックを使用する土地を反応させます。

Answer 1

あなたはいつも、あなたはどのようにappendItemのが見えますか？scrolltoNextItem

export function scrolltoNextItem(item) { 
    return (dispatch, getState) => { 
    appendItem(Item, dispatch).then(() => { 
     dispatch(
     scrollToNextIndex(
      getState().items.length - 1 
     ) 
    ) 
    }) 
    } 
}