react 页面回退redux-saga 不执行

问题描述

在react中使用redux-actions,redux-sage, 只有在第一次进入页面才会执行action,其余操作无法触发action。

发现问题

//代码片段
function* watch_get_data_list() {
    	const action = yield take(actions.SALARY_LIST_GET_LIST_REQUEST_TYPE.toString())
        yield call(get_data_list, action)
}

在 take 初次的 SALARY_LIST_GET_LIST_REQUEST_TYPE action 之后, watch_get_data_list Saga 将会yield call(get_data_list, action)然后中止。这意味着 Generator 会被回收并且相应的监听不会再发生

问题原因

缺少 where(true)

function* watch_get_data_list() {
    while (true) {
        const action = yield take(actions.SALARY_LIST_GET_LIST_REQUEST_TYPE.toString())
        yield call(get_data_list, action)
    }
}

我们需要运行了一个无限循环的 while(true)。记住这是一个 Generator 函数,它不具备 从运行至完成 的行为(run-to-completion behavior)。 Generator 将在每次迭代阻塞以等待 action 发起。

参考文档:

redux-saga 自述 (高级-监听未来的 action)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值