Redux Thunk内的解包方法

您需要先创建去缓冲函数,然后调用该函数,而不是调用 searchProductsCall .

以下代码应确保在所有情况下都立即调用第一个分派(它可能会更改UI?)它称之为 搜索产品 只有在Debounce之后以及存在非空查询时。

export const debouncedSearchProductsCall = _.debounce((query, dispatch) => {
    if (query !== "") {
        searchProductsCall(query).then(payload => {
            dispatch({ type: SOME_OTHER_TYPE, payload })
        });
    }
}, 200);

export const onSearchChange = query => dispatch => {
    dispatch({ type: SOME_TYPE, payload: query });
    debouncedSearchProductsCall(query, dispatch);
}