- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我正在尝试了解 ngrx/effects。我构建了一个简单的函数,每次单击都会将数字递增 1。但是单击时它会进入无限循环,不确定发生了什么。我确定我犯了一些愚蠢的错误。
monitor.effects.ts
@Injectable()
export class MonitorEffects {
@Effect()
compute$: Observable<Action> = this.actions$
.ofType(monitor.ActionTypes.INCREMENT)
.map((action: monitor.IncrementAction) => action.payload)
.switchMap(payload => {
return this.http.get('https://jsonplaceholder.typicode.com/users')
.map(data => new monitor.IncrementAction(payload+1))
.catch(err => of(new monitor.InitialAction(0)))
});
constructor(private actions$: Actions, private http:Http ) {};
}
监控组件.ts
ngOnInit() {
this.storeSubsciber = this
.store
.select('monitor')
.subscribe((data: IMonitor.State) => {
this.value = data.value;
this.errorMsg = data.error;
this.currentState = data.currentState;
});
}
increment(value: number) {
this.store.dispatch(new monitorActions.IncrementAction(value));
}
监控器.reducer.ts
export const monitorReducer: ActionReducer<IMonitor.State> = (state = initialState, action: Actions) => {
switch (action.type) {
case ActionTypes.INCREMENT:
return Object.assign({}, { value: action.payload, currentState: ActionTypes.INCREMENT, error: null });
...
...
...
default:
return Object.assign({}, { value: 0, currentState: ActionTypes.INITIAL, error: null });
}
}
最佳答案
Effect
允许您观察给定的 Action 类型并在每次分派(dispatch)时对该 Action 使用react。
因此,如果您观察某个效果中的 Action X 并从该效果中分派(dispatch)另一个 Action X,您将陷入无限循环。
在你的情况下:你的 Action 是 .ofType(monitor.ActionTypes.INCREMENT)
类型,然后从你的效果中派发一个 Action monitor.ActionTypes.INCREMENT
(从这部分我假设:monitor.IncrementAction(payload+1)
),然后效果被再次触发,一次又一次,...
关于angular - 带有 ngrx/effects 的无限循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40923738/
我刚刚开始了解@ngrx/store 和@ngrx.effects,并在我的Angular/Ionic 应用程序中创建了我的第一个效果。它第一次运行正常,但如果我再次将事件发送到商店(即再次单击按钮时
是否可以将所有自定义表达式保存在外部 .jsx 文件中,以便我可以从项目内部调用它们? 例如,假设我有一个我经常使用的表达式,它将人偶工具指向一个空对象的位置。我知道我可以将该表达式转换为一个可以接受
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它. 关闭 6 年前。 Improve
谁能帮我指出正确的方向,如何在位图上使用这些 Android 4.0 以来可用的 GPU 加速效果? 文档指出例如“它们必须绑定(bind)到 GL_TEXTURE_2D 纹理图像”。但最好的方法是什
我有一个带有背景图像的大 UIButton,上面有五个小的不可见 UIButton。我想在按下一个不可见的小按钮时触发大按钮的突出显示效果。我怎样才能做到这一点? 请帮忙。非常感谢! 最佳答案 为所有
function* rootSaga() { yield all(sagas.map(saga => fork(saga))); } sagaMiddleware.run(rootSaga);
您好,我在将 Li 设置为事件选项卡时遇到问题,我已经添加了悬停效果但是如何添加事件选项卡?。我使用 Angular 的 ng-show 和 ng-hide 来更改 li 中的图标。这是我的代码
我已经将 redux-saga 升级到最新的 0.15.x 版本,并且我已经在 [...effects] 方面解决了很多弃用问题,取而代之的是 all([.. .effects]), 请更新你的代码
我试图理解在组件函数中产生副作用与在没有传入依赖项数组的效果中产生副作用(因此应该在每次渲染时触发)之间的实际区别。据我观察,它们都以相同的频率运行。我意识到效果允许在适当的时间进行清理,但我只是对清
当谈到排队 jQuery Effects 和 jQuery UI Effects 时,我真的很困惑。当我这样做时 $('#div_id').effect('bounce').effect('shake
我正在制作故障文字效果,效果非常好。 现在我正在尝试创建一个书写效果,效果也非常好! 但是两者一起都有一个小错误。 当我将鼠标悬停在文本上时,毛刺效果起作用,但是当书写效果向文本添加一个字母时,这个字
相关,但不是修复:jQuery issue - # has no method 当我尝试在 jquery 中使用 effect 函数时,出现错误 Object [object Object] has
我有一个具有四个 ngrx 操作的 Angular (2) 应用程序: 开始 不被 reducer 处理(没有状态变化) ngrx Effect 调用异步任务并映射到 SUCCESS 或 ERROR
在第16项:“使const成员函数线程安全”中有一段代码如下: class Widget { public: int magicValue() const { std::lock
这个问题不太可能帮助任何 future 的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visit
下一行中的最后一行继续生成“警告 C4552:'<=':运算符无效;预期运算符有副作用”错误,但我没有看到任何错误... void countDays(void) { int i=0; if (bir
当我在列表框中使用滚动查看器时,当我通过触摸滚动到达列表框的末尾时,我的整个窗口都在弹跳。当我使用鼠标滚轮时,此行为不会出现。我怎样才能禁用这种过度滚动/橡皮筋效果/回弹效果/弹跳效果。 我在 Win
第 3.5.4 节讨论了有效不可变对象(immutable对象),也就是说,一旦一个对象被安全且完整地构建,它的状态就不会被任何代码路径的任何代码改变。 Goetz 爵士举了一个例子: For exa
我有一部电影在后期效果中没有背景的关键颜色,但背景仍然是静止的。 我想检测在静止背景前行走的 2 个人的运动并将他们带到前面,这样我就可以在背景上创建效果。 那有可能吗?我使用女巫效果吗? 最佳答案
在基于类的组件中: componentDidMount() { axios.get('https://jsonplaceholder.typicode.com/posts').then((re
我是一名优秀的程序员,十分优秀!