基于规则的redux可观察史诗中的多个动作

Question

我意识到我可以在redux-observableepic中发出多个操作，并看到了一些示例，但在我的情况下似乎无法正确执行。

基本上，我想返回三个互不依赖的操作。然而，每一项行动都将基于我必须使用我所在州的一些值做出的决定。所以，它是这样的：

const doX = () => ({ type: types.DO_X });
const doY = () => ({ type: types.DO_Y });
const doZ = () => ({ type: types.DO_Z });
const doA = () => ({ type: types.DO_A });
const doB = () => ({ type: types.DO_B });
const doC = () => ({ type: types.DO_C });
export const myEpic = (action$, state$) => action$.pipe (
ofType(types.SOMETHING_HAS_HAPPENED)
mergeMap(action => Observable.of(
const value1 = state$.value.module1.value;
if(value1 > 10) {
doX();
} else {
doY();
},
// Second action
const value2 = state$.value.module2.value;
if(value2) {
doA();
} else {
doB();
},
// Third action -- similar idea here
)
);

这是商业逻辑的一块，它不起作用。此外，我认为在这种情况下我应该使用mergeMap，但不能100%确定。

在这个简单的例子中，我本可以很容易地完成if(state$.value.module1.value > 10)，但在我的应用程序中，有些情况下，我更容易将这些值分配给局部变量，因为我要处理多个值。因此，最好创建一个很好的代码块，在那里我可以清楚地布局我的业务逻辑。

我该如何处理？

Answer 1

您不必在mergeMap函数中使用箭头函数的表达式版本。您可以使用带有正文的箭头函数和return语句来返回新的可观察对象：

mergeMap(action => {
const actionsToEmit = [];
const value1 = state$.value.module1.value;
if (value1 > 10) {
actionsToEmit.push(actionCreatorX());
} else {
actionsToEmit.push(actionCreatorY());
}
// Second action
const value2 = state$.value.module2.value;
if (value2) {
actionsToEmit.push(actionCreatorA());
} else {
actionsToEmit.push(actionCreatorB());
}
return Observable.of(...actionsToEmit);
}
)

所以这只是标准的程序代码。。。

Answer 2

const epic = (action$, state$) =>
action$.pipe(
ofType(SOME_TYPE)
mergeMap(val => empty().pipe(
merge(state$.value.v1 ? of(creatorA()) : empty())
merge(state$.value.v2 ? of(creatorB()) : empty())
merge(state$.value.v3 ? of(creatorC()) : empty())
)
)

如果我真的需要在一部史诗中调度几个动作，我会做这样的事情。您可以返回数组[creator()]或[]，而不是of和empty。为了避免无限循环，我吞下了最初的动作。然而，可以考虑将其分为几个史诗。