首先,这个很棒的图书馆有很多props!尽管如此,我仍然在为一个用例而苦苦挣扎。我想先调用另一个史诗并等待它完成,然后再继续当前的史诗。假设我有一个用户可以更改内容的表单。在将其他数据加载到表单中之前,我想先保存当前的更改。对此有何想法?
从其他史诗中调用史诗
IT技术
reactjs
redux
rxjs
redux-observable
2021-05-01 01:42:09
2个回答
听起来像您想要的:如果一部史诗想开始另一部史诗的工作并等待它完成后再继续。
一种方法是(使用伪名称),当接收到初始动作时,LOAD_OTHER_DATA
您立即开始侦听单个SAVE_FORM_FULFILLED
,这表示表单已保存(我们稍后将开始)。收到后,我们mergeMap
(或switchMap
在这种情况下无关紧要)将其放入我们的调用中以加载其他数据loadOtherDataSomehow()
并执行通常的业务。最后,开始我们正在等待的表单的实际保存的技巧是startWith()
在整个链的末尾添加一个- 这将发出并分派动作以实际保存表单。
const saveFormEpic = (action$, store) =>
action$
.ofType('SAVE_FORM')
.switchMap(() =>
saveFormSomeHow(store.getState().formDataSomewhere)
.map(details => ({
type: 'SAVE_FORM_FULFILLED'
}))
);
const loadOtherDataEpic = action$ =>
action$
.ofType('LOAD_OTHER_DATA')
.switchMap(() =>
action$.ofType('SAVE_FORM_FULFILLED')
.take(1) // don't listen forever! IMPORTANT!
.mergeMap(() =>
loadOtherDataSomeHow()
.map(otherData => ({
type: 'LOAD_OTHER_DATA_FULFILLED',
payload: otherData
}))
)
.startWith({
type: 'SAVE_FORM'
})
);
您没有提到加载和保存的工作方式,因此这只是您需要针对用例修改的伪代码。
@jayphelps,我只想对您回答的所有问题表示感谢,他们确实帮助我解决了许多问题。
我试图提出我的问题,发现你已经在这里回答了它并设法使用你的样本来解决我的问题。
我的例子有/有 2 expics 我想/ed 互相调用:
const requestNameEpic = action$ =>
action$.ofType("REQUEST_NAME")
.switchMap(({id}) =>
Observable.of(`name returned by 'ajax' call, using id: ${id}`) // Ajax simulation
.delay(1000)
.map(name => ({type: "LOAD_NAME", name}))
);
const requestAgeEpic = action$ =>
action$.ofType("REQUEST_AGE")
.switchMap(({name}) =>
Observable.of(`age returned by 'ajax' call, using name: [${name}]`)
.delay(1000)
.map(age => ({type: "LOAD_AGE", age}))
);
我设法解决它的方法是使用:
const requestDetailsEpic = action$ =>
action$.ofType("LOAD_NAME")
.map(({name}) => ({type: "REQUEST_AGE", name}));
所以分派 REQUEST_NAME 也会分派 REQUEST_AGE,但那样我就永远不能只分派 LOAD_NAME。
我重构了你的样本以获得:
const requestDetailsEpic = action$ =>
action$.ofType("REQUEST_DETAILS")
.switchMap(({id}) =>
action$.ofType("LOAD_NAME")
.take(1) // don't listen forever! IMPORTANT!
.map(({name}) => ({type: "REQUEST_AGE", name}))
.startWith({type: "REQUEST_NAME", id})
);
再次感谢您在 redux-observable 上所做的所有出色工作以及所有社区支持。
其它你可能感兴趣的问题