首先,看一下这个文档:Redux-Observable 官方文档 https://redux-observable.js.org/docs/api/createEpicMiddleware.html因为我们使用的是最新版本的 Redux-Observable,所以查看它的文档非常有帮助。
查看完文档后,让我们看一个小示例项目(Counter 应用程序):
这是root.js
捆绑后包含我的 Epics 和 Reducers 的文件。
// This is a sample reducers and epics for a Counter app.
import { combineEpics } from 'redux-observable';
import { combineReducers } from 'redux';
import counter, {
setCounterEpic,
incrementEpic,
decrementEpic
} from './reducers/counter';
// bundling Epics
export const rootEpic = combineEpics(
setCounterEpic,
incrementEpic,
decrementEpic
);
// bundling Reducers
export const rootReducer = combineReducers({
counter
});
这是store.js
我在使用它之前定义我的商店。
import { createStore, applyMiddleware } from 'redux';
import { createEpicMiddleware } from 'redux-observable';
import { rootEpic, rootReducer } from './root';
import { composeWithDevTools } from 'redux-devtools-extension';
const epicMiddleware = createEpicMiddleware();
const middlewares = [
epicMiddleware
]
const store = createStore(
rootReducer,
composeWithDevTools(applyMiddleware(middlewares))
);
epicMiddleware.run(rootEpic);
export default store;
为了顺利实施redux-observable
,我们必须遵守这个命令:
- 使用创建epicMiddleware
createEpicMiddleware()
method
- 使用
applyMiddleware()
注册epicMiddleware的方法(redux-devtools-extension
是可选的)
- 呼叫
epicMiddleware.run()
与rootEpic
我们之前创建的。
这是 Redux-Observable 文档中的指令
欲了解更多信息,您可以在这里找到它::设置中间件 https://redux-observable.js.org/docs/basics/SettingUpTheMiddleware.html: