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 );
}

在我的deserialize saga中，我想要处理创建我的项目的内存版本的副作用，我需要从商店中读取现有数据。我不知道该怎么做，或者如果这是一种模式，我甚至应该尝试使用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

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

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

传递给儿童传奇的参数

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

然后是观察方法

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

在redux-saga中的getState？

2 个答案: