InfiniteLoader和react-redux

Question

從react-virtualised的組件InfiniteLoader需要作爲屬性loadMoreRows傳遞的函數具有像{ startIndex: number, stopIndex: number }): Promise這樣的簽名。 我使用終極版在我的項目，所以loadMoreRows是一個終極版行動的創建者是這樣的：

const fetchEntities(start, stop) { 
    return fetch(`${myUrl}&start=${start}?stop=${stop}`) 
} 
const loadMoreRows = ({ startIndex, stopIndex }) => { 
    return (dispatch, getState) => { 
    return function(dispatch) { 
     return fetchEntities(startIndex, stopIndex).then(
     items => dispatch(simpleAction(items)), 
     error => console.log(error) 
    ) 
    } 
    } 
} 

之後，這個動作連接反應使用連接從反應 - 終極版功能InfiniteLoader含成分。

所以我不知道，我怎麼能滿足簽名要求，因爲終極版動作製作者不返回任何值/

Answer 1

eyeinthebrick是正確的。答應不是要求的返回值。

當您「連接」一個Redux動作創建者時，調用它（調度它）實際上會返回一個Promise。因此，例如，我想你可以更喜歡這個做某事

function fetchEntities (start, stop) { 
    return fetch(`${myUrl}&start=${start}?stop=${stop}`) 
} 

const loadMoreRows = ({ startIndex, stopIndex }) => { 
    return async (dispatch, getState) => { 
    try { 
     const items = await fetchEntities(startIndex, stopIndex) 
     await dispatch(simpleAction(items)) 
    } catch (error) { 
     console.log(error) 
    } 
    } 
} 

在這一點InfiniteLoader只需等待返回的終極版諾言。