以前曾提出过类似的问题,但答案对我没有任何帮助。
How to get something from the state / store inside a redux-saga function?
我认为我有一个不同的设置,因为我似乎无法从我的传奇中访问状态。
我尝试过:
const getList = store => store;
const getList = state=> state;
这两个都返回undefined
。
我的商店看起来像这样......
export default function createStoreWithMiddleware() {
const sagaMiddleware = createSagaMiddleware();
const loggerMiddleware = createLogger();
const middleware = [sagaMiddleware, loggerMiddleware];
const persistedState = localStorage.getItem('reduxState') ? JSON.parse(localStorage.getItem('reduxState')) : {};
const store = createStore(reducer, persistedState, compose(
applyMiddleware(...middleware)
));
store.subscribe(() => {
localStorage.setItem('reduxState', JSON.stringify(store.getState()));
});
sagaMiddleware.run(rootSaga);
return store;
}
我想在这个传奇中访问我的列表:
function* selectTender(action) {
try {
const response = yield Api.getTenderById(action.payload);
yield put({type: 'SELECT_TENDER_SUCCEEDED', currentTender: response});
const list = yield select(getList);
yield put({type: 'FETCH_CHAPTERS', chaptersList: list, tenderId: response.id});
} catch (err) {
yield put({type: 'SELECT_TENDER_FAILED', message: err.message});
}
}
export function* watchSelectTender(){
yield takeEvery('SELECT_TENDER', selectTender);
}
但就像我说的那样,state
和store
都是未定义的。
那么,如何在传奇中访问我的商店(或州)?
答案 0 :(得分:32)
您必须使用选择器。我举一个简单的例子。
创建一个文件selectors.js
并添加您要从商店中选择的字段,如下所示。
export const username = (state) => state.user.name;
然后在你的传奇中,将选择器导入为
import * as selectors from './selectors';
当你在传奇中需要username
时,你可以做到,
import {select} from 'redux-saga/effects';
...
...
function *sampleSaga(params) {
const username = yield select(selectors.username);
}
username
中的常量sampleSaga
现在将保留州的用户名值。