redux-saga 中的 getState？

Question

我有一家商店，里面有商品清单。当我的应用程序首次加载时，我需要反序列化这些项目，就像基于这些项目创建一些内存中的对象一样。这些项目存储在我的 redux 商店中并由 itemsReducer.

处理

我正在尝试使用 redux-saga 来处理反序列化，作为副作用。在第一页加载时，我发送一个动作：

dispatch( deserializeItems() );

我的故事很简单：

function* deserialize( action ) {
    // How to getState here??
    yield put({ type: 'DESERISLIZE_COMPLETE' });
}

function* mySaga() {
    yield* takeEvery( 'DESERIALIZE', deserialize );
}

在我的反序列化传奇中，我想处理创建项目的内存版本的副作用，我需要从商店读取现有数据。我不确定如何在这里做到这一点，或者如果这是我什至应该尝试使用 redux-saga 的模式。

Answer 1

你可以使用select effect

import {select, ...} from 'redux-saga/effects'

function* deserialize( action ) {
    const state = yield select();
    ....
    yield put({ type: 'DESERIALIZE_COMPLETE' });
}

您也可以将它与选择器一起使用

const getItems = state => state.items;

function* deserialize( action ) {
    const items = yield select(getItems);
    ....
    yield put({ type: 'DESERIALIZE_COMPLETE' });
}

Answer 2

Select 如果我们在回调函数中，当代码流不由 Saga 处理时，效果对我们没有帮助。在这种情况下，只需将 dispatch 和 getState 传递给 root saga:

store.runSaga(rootSaga, store.dispatch, store.getState)

并将参数传递给子 sagas

export default function* root(dispatch, getState) { yield all([ fork(loginFlow, dispatch, getState), ]) }

然后在watch方法中

export default function* watchSomething(dispatch, getState) ...

redux-saga 中的 getState？

getState in redux-saga?

javascript

reactjs

redux

redux-saga