gpt4 book ai didi

javascript - Redux saga debounce 而不仅仅是延迟/取消

转载 作者:行者123 更新时间:2023-12-03 13:56:38 25 4
gpt4 key购买 nike

有没有一种方法可以在 Redux-Saga 中消除抖动,其中后续调用会在相同的延迟之后排队,而添加到队列中的每个新任务都会不断地影响该延迟。类似于lodash的debounce https://lodash.com/docs#debounce .

我目前有类似于 redux-saga 的 debounce 的东西,但删除了取消部分,因为我仍然想执行每个任务,我只想将所有事件捆绑在一起以便稍后在单个线程中触发。

我目前拥有的:

const deferTime = 2000;
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));

export function* sendClickEvent (event, debounce) {
if (debounce) {
yield call(delay, deferTime);
}
yield put(action(event));
}

export function* clickSaga () {
while (true) {
const action = yield take(WIDGET_CLICKED);
const state = yield select();
const debounce = action.meta && action.meta.debounce;
const payload = getWidgetClickPayload(state, action);
const defaultData = getDefaultData(state);
const event = {
name: payload.name,
data: Object.assign(defaultData, payload.data)
};
yield fork(sendClickEvent, event, debounce);
}
}

我尝试将 fork 分配给变量,然后检查它是否正在运行 (.isRunning()),但不知道如何才能将该 fork 推迟另一个延迟。

最佳答案

Redux saga 现在有 debounce功能/效果:

import { call, put, debounce } from `redux-saga/effects`

function* fetchAutocomplete(action) {
const autocompleteProposals = yield call(Api.fetchAutocomplete, action.text)
yield put({type: 'FETCHED_AUTOCOMPLETE_PROPOSALS', proposals: autocompleteProposals})
}

function* debounceAutocomplete() {
yield debounce(1000, 'FETCH_AUTOCOMPLETE', fetchAutocomplete)
}

关于javascript - Redux saga debounce 而不仅仅是延迟/取消,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37392020/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com