Redux DevTools: https://chrome.google.com/webstore/detail/lmhkpmbekcpmknklioeibfkpmmfibljd 安装完毕后,在Chrome开发者工具里会多出一个Redux面板: 以及在Chrome右上角的扩展工具栏里,会点亮Redux DevTools对应的图标。 此时在redux面板里即可方便的查看ngrx相关的state和action: 可以输入关键字进行过滤,比如查看和Currency加载相关的action: action包含type和payload: 把这个type复制下来,即可到对应源代码里根据关键字进行搜索: [Site-context] Load Currencies Success Load Product Data时,state里的loading标志位是true: 加载成功后,loading从true变为false,success从false变为true: state栏能看到当前action触发时,应用的state状态,很方便: |
|
来自: 汪子熙 > 《JavaScript》