代码之家 › 专栏 › 技术社区 › Alexey K

Redux Thunk内的解包方法

redux-thunk redux javascript

Alexey K · 技术社区 · 7 年前

我在内部使用异步方法进行操作,我想取消对它的限制。

export const onSearchChange = query => dispach => {
    if (query === "") {
        dispach({ type: SOME_TYPE, payload: query })
    } else {
        dispach({ type: SOME_TYPE, payload: query })
        searchProductsCall(query).then(payload => {
            dispach({ type: SOME_OTHER_TYPE, payload })
        })
    }
}

我怎么能脱铃呢 searchProductsCall 使用 lodash 或者别的什么?

1 回复 | 直到 7 年前

Narigo 7 年前

您需要先创建去缓冲函数,然后调用该函数,而不是调用 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);
}

推荐文章

Piotr Chmielowiec · 组件从一个调度发出两个api调用

2 年前

zishe · React Redux同步操作返回一些代理对象而不是字符串

7 年前

DÅ¾enis H. · 仅在刷新页面后呈现道具

7 年前

lex · reactjs减速机相关术语说明[已关闭]

7 年前

kosmicbird · 如何将异步thunk操作延迟到存储了身份验证会话令牌之后?

7 年前

John · 404使用react-routerv4从react redux应用程序中的状态呈现组件时出错?

7 年前

Juan · 与Redux thunk异步/等待。获取错误:操作必须是普通对象。对异步操作使用自定义中间件

7 年前

jsDev · 调用两个异步操作的正确方法

7 年前

samtoya · Redux异步操作getState()返回未定义?

7 年前

Adrian Florescu · Typescript Redux Thunk(类型)

7 年前