草庐IT

redux-observable

全部标签

javascript - 在 Redux 操作中将数据放入 "payload"键有什么好处?

我在任何地方都找不到很好的答案,这似乎是一个毫无意义的约定。在许多教程和文档中,Redux操作是这样定义的:{type:"ACTION_NAME",payload:{foo:123,bar:456,}}payload对象有什么意义?为什么不写这个:{type:"ACTION_NAME",foo:123,bar:456,}我正在使用Flow,我喜欢将我所有的操作类型定义为一个联合体,没有嵌套的有效负载:typeAction={type:'ACTION_NAME',foo:number,bar:number,}|{type:'ANOTHER_ACTION',someData:string,

javascript - 在 React/Redux 应用程序中,我什么时候应该显式地传递一个 prop,而不是使用 mapStateToProps 从全局状态中获取它?

我正在构建我的第一个React-Redux应用程序,在许多情况下,我可以选择执行或者有然后做functionmapStateToProps({pagination:{page}}){return{pageNumber:page+1};}使用一种或另一种方式的含义是什么?我什么时候应该更喜欢一种方式?是否有关于如何拾取Prop的最佳实践?每次用都感觉有点不好mapStateToProps在一些深层嵌套的组件中,因为感觉组件与特定页面/应用程序的状态耦合。 最佳答案 没有一个好的答案。根据位于http://redux.js.org/do

javascript - Anuglar2 生命周期事件作为 rxjs Observable

是否有构建方法来获取像OnDestroy这样的angular2生命周期事件作为rxjsObservable?我想订阅这样的可观察对象:ngOnInit(){MyService.myCustomFunction().takeUntil(NgOnDestroy)//NgOnDestroywouldbethelifecycleobservable.subscribe(()=>{//anycode});}这似乎比以下更直观且更易读:privatecustomObservable:Observable;ngOnDestroy(){this.customObservable.unsubscribe

javascript - 刷新后 React-Redux 状态丢失

我真的是React和Redux的新手,我一直在学习StephenGrider的AdvancedReactandRedux类(class),并且我正在做身份验证的客户端。我已经在我的本地存储中保存了一个token,在我刷新页面之前一切似乎都运行良好。当我登录/注册时,导航会更改为显示注销按钮,但如果我手动刷新页面,导航会变回显示登录/注册按钮。我对此很陌生,不知道应该将什么作为代码片段包含在内。我将保留reducer和actions/index.js。还有this喜欢我的git仓库。Action/index.jsimportaxiosfrom'axios';import{browserH

javascript - Redux-Thunk - 异步 Action 创建者 promise 和链接不起作用

我正在尝试发送一个Action。我找到了一些操作的工作示例,但没有我的那么复杂。你能给我一个提示吗?我做错了什么?我正在使用TypeScript,最近删除了所有类型并尽可能简化了我的代码。我正在使用redux-thunk和redux-promise,像这样:import{save}from'redux-localstorage-simple';importthunkMiddlewarefrom'redux-thunk';importpromiseMiddlewarefrom'redux-promise';constmiddlewares=[save(),thunkMiddleware,

javascript - 如何将值从组件传递到 Redux 表单

我在React.js中使用Redux表单作为表单,我的表单是,我有一个自定义的谷歌地图组件,我想将纬度和经度绑定(bind)到我的表单表单importReactfrom'react';import{Field,reduxForm}from'redux-form';constSimpleForm=props=>{const{handleSubmit,pristine,reset,submitting}=props;return(FirstName);};exportdefaultreduxForm({form:'simple',//auniqueidentifierforthisform

javascript - Mutation Observer 未能检测到元素的 dom 移除

所以,我认为这会非常简单,以前有一个DOMNodeRemoved事件,但已弃用,而是MutationObserver应该使用,问题是,即使配置适当,它也不会触发。根据thisarticle关于从变异事件迁移到变异观察者,检测dom节点移除的配置是{childList:true,subtree:true},这适合给出childList是强制性的并且subtree根据themdnarticle,这意味着它将捕获不仅针对目标的突变,还针对目标的后代进行观察.无论如何,我做了一个jsfiddle问题,很简单,删除并且观察者应该记录变异记录,但它没有,看看你能不能弄清楚:)HTMLOhmygod

javascript - Array.observe 的 "add"事件在什么情况下会触发?

我正在学习如何观察数组对象。我发现以下内容令人惊讶:varfooArray=[];Array.observe(fooArray,function(changes){console.log('changes:',changes[0].type);});fooArray.push({});导致变化的类型是拼接而不是添加哪些方法会导致add类型的更改事件?在我看来,在其上推送单个值是最有可能的情况。 最佳答案 MDNreference不清楚在什么情况下触发每种变化类型。详细解释如下:拼接涵盖您希望在数组中发生的所有更改。以下所有函数都会触

javascript - 警告 : setState(. ..):无法在使用 redux/immutable 的现有状态转换期间更新

我遇到了错误Warning:setState(...):Cannotupdateduringanexistingstatetransition(suchaswithinrenderoranothercomponent'sconstructor).Rendermethodsshouldbeapurefunctionofpropsandstate;constructorside-effectsareananti-pattern,butcanbemovedtocomponentWillMount.我发现原因是constmapStateToProps=(state)=>{return{noti

javascript - 顶级 javascript 导入 - Redux

我正在尝试学习redux,但遇到了错误。我只有两个文件,一个index.html文件和一个main.js文件,html文件中有指向jquery和reduxcdns的链接。我在redux教程(http://redux.js.org/docs/basics/Store.html)中只达到了2.3,并且卡住了。我有import{createStore}from'redux';在我的main.js文件的顶部,但是当我加载应用程序时,我得到一个指向上面一行的错误语法错误:导入声明可能只出现在顶层什么是“顶级进口申报”?如果有帮助,这是我的代码的要点。https://gist.github.com