为什么我的redux可观察史诗没有被触发



试图通过尝试做一个简单的提取示例来理解redux和redux可观察性中的rxjs和rxjs

把我的商店设置成这样:

import { applyMiddleware, createStore } from 'redux'
import { reducers } from 'redux/reducers'
import { createEpicMiddleware } from 'redux-observable'
import rootEpic from '../epics'
const epicMiddleware = createEpicMiddleware()
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
epicMiddleware.run(rootEpic)
export const store = createStore(reducers, composeEnhancers(applyMiddleware(epicMiddleware)))

在我的史诗中我有

const getUserDataEpic = (action$, state$) =>
action$.pipe(
ofType('GET_USER_DATA'),
mergeMap(async (action) => {
const url = `my-url-is-here`
const data = await fetch(url).then((res) => res.json())
return Object.assign({}, action, { type: 'GET_DATA_SUCCESS', data })
}),
catchError((err) => Promise.resolve({ type: 'FETCH_ERROR', message: err.message })),
)
const epic2 = (action$, state$) => {}
export default combineEpics(getUserDataEpic)

我还有我的动作创造者:

export const fetchData = () => ({ type: 'GET_USER_DATA' })

这在我的组件中被激发。我已经完成了mapDispatchToProps,我已经验证了它肯定会被调用。我的还原剂也是

我不明白为什么我的史诗没有被触发??我希望它能看到GET_USER_DATA被触发,然后触发它自己的操作,将已解决的API请求放入我的状态。

请告知我哪里出了问题

好吧,我想好了

export const store = createStore(reducers, composeEnhancers(applyMiddleware(epicMiddleware)))
epicMiddleware.run(rootEpic)

我不得不反过来称呼这些^:facepalm:

最新更新