Reactjs 如何异步添加epics?
我可以添加异步减速器,但无法添加异步epics 通过此链接,我尝试使用Reactjs 如何异步添加epics?,reactjs,redux,redux-observable,rxjs6,Reactjs,Redux,Redux Observable,Rxjs6,我可以添加异步减速器,但无法添加异步epics 通过此链接,我尝试使用epic$.next(),但无法添加新的epic import { applyMiddleware, createStore, compose } from 'redux'; import { createEpicMiddleware, combineEpics } from 'redux-observable'; import { BehaviorSubject } from 'rxjs'; import { mergeMa
epic$.next()
,但无法添加新的epic
import { applyMiddleware, createStore, compose } from 'redux';
import { createEpicMiddleware, combineEpics } from 'redux-observable';
import { BehaviorSubject } from 'rxjs';
import { mergeMap } from 'rxjs/operators';
import createReducer from '../reducers';
import mainEpic from '../config/epics';
中间件配置如下所示:
const epicMiddleware = createEpicMiddleware();
const epic$ = new BehaviorSubject(mainEpic);
const rootEpic = (action$, state$) =>
epic$.pipe(mergeMap(epic => epic(action$, state$)));
存储redux开发工具的增强器
const composeEnhancers =
// compose;
process.env.NODE_ENV === 'development' &&
window.navigator.platform !== 'iPad' &&
window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
: compose;
这是存储的实例化
export default () => {
const store = createStore(
createReducer(),
composeEnhancers(applyMiddleware(epicMiddleware))
);
epicMiddleware.run(rootEpic);
// Extra functionality to the store
store.asyncReducers = {};
这里,当异步绑定新组件时,我使用参数key
,reducer
,newEpic
调用injectRepics(reducer和epics的Repics)
store.injectRepics = (key, reducer, newEpic) => {
if (!store.getState()[key]) {
// here I get newEpic
console.log(newEpic);
// new reducer is added to asyncreducer object
store.asyncReducers[key] = reducer;
// new reducer is created and replaced
store.replaceReducer(createReducer(store.asyncReducers));
// -------------------------------------
But, I'm unable to replace epic
// -------------------------------------
newEpic && epic$.next(newEpic);
// epicMiddleware.run(rootEpic);
// newEpic && addNewEpic(newEpic);
}
};
return store;
};
有一个简单的错误 我忘了在新epic中添加combineEpics
import { applyMiddleware, createStore, compose } from 'redux';
import { createEpicMiddleware, combineEpics } from 'redux-observable';
import { BehaviorSubject } from 'rxjs';
import { mergeMap } from 'rxjs/operators';
import createReducer from '../reducers';
import mainEpic from '../config/epics';
因此,代码变成newEpic&&epic$。下一步(combineEpics(…newEpic))