InfiniteLoader and react-redux

Question

Компонент InfiniteLoader от react-virtualised требует функции, переданной как свойство loadMoreRows иметь подпись, такую ​​как { startIndex: number, stopIndex: number }): Promise. Я использую Redux в моем проекте, так 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, используя функцию из среагировать-Redux подключения.

Так что я не уверен, как я могу удовлетворить требование подписи, так как создатели Redux действия не возвращают значение/

Answer 1

eyeinthebrick правильно. A Promise не является обязательным значение возврата.

Когда вы «подключаете» создателя действия 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 только может ждать возвращаемый Redux обещание.