草庐IT

redux-observable

全部标签

javascript - Redux 中间件设计 re : return values

所以我刚刚阅读了redux中间件,听起来不错。不过有一件事困扰着我——中间件的返回值。我知道中间件的某些实例会返回一些东西(即redux-promise),而我得到其他中间件(即logging)不会-只是返回next(action)的结果。我的问题是,如果我想使用两个都返回内容的中间件会发生什么——它们肯定会互相破坏,而我只会获得最外层中间件的返回值。express/connect中间件通过让中间件将其“结果”写入req和res对象来解决这个问题,但是解决方案是什么还原?编辑这是我的问题的一个更具体的例子:我有两个中间件:将所有操作延迟3秒分派(dispatch)的中间件。这个中间件返

javascript - 如何让 Redux Thunk 和 Apollo GraphQL 协同工作

在我的项目中,ReduxThunk用于在actioncreator中保留所有异步函数。现在我正在尝试将ApolloGraphQL添加到我的项目中,一切正常,除了在我的功能组件中添加mutations并在那里调用它们时,它破坏了reduxthunk架构。如何解决?我想我可以创建新的actioncreator方法并将突变传递给它们,但它很快就会变成样板,这对我来说似乎不是一个好的解决方案。 最佳答案 Apollo突变不会破坏reduxthunk架构。如果您需要在突变后更新自己的reducer,请从突变的then或catch中分派(dis

javascript - Angular 2 ng2-redux 和 ngrx/store

我是Angular2的新手,我知道flux架构和ng2redux、ngrx/store,但仍然不知道哪个库用于开发应用程序。两者都提供了flux的实现。ng2-redux和ngrx/store有什么区别?开发中应该用到什么? 最佳答案 据我所知,两者之间的主要区别在于ng2-redux使用Angular绑定(bind)现有的React/Redux实现,而ngrx/store是Redux概念的完整重新实现。因此,有些人会争辩说ng2-redux与React/Redux库、中间件和devtools具有更好的兼容性。Github上的hen

javascript - Typescript 使用 Rx.js 过滤器运算符区分联合类型?

typescript支持discriminatedunions.如何将与Rxjs相同的概念扩展到filter下面例子中的运算符?interfaceSquare{kind:'square';width:number;}interfaceCircle{kind:'circle';radius:number;}interfaceCenter{kind:'center';}typeShape=Square|Circle|Center;constobs$:Observable=of({kind:'square',width:10});//Expectedtype:Observable//Actu

javascript - 执行 Action 时 redux 出错 : Uncaught type error: cannot read property 'type' of undefined

刚刚接触React。我想这是一个基本问题,但我不明白为什么reducer没有被解雇或更新状态:我的HomeView.js:....const{localeChange,counter,locale}=this.propsreturn(increment(7)}>Increment.....)constmapStateToProps=(state)=>({locale:state.locale,counter:state.counter})exportdefaultconnect(mapStateToProps,{localeChange,increment})(HomeView)我的r

javascript - 未捕获的类型错误 : Failed to execute 'observe' on 'MutationObserver' : parameter 1 is not of type 'Node'

所以我下面的代码在jsfiddle中独立运行。但出于某种奇怪的原因..在将它推送到实时服务器后,我一直收到此错误:/我无法弄清楚为什么......错误:mycodewitherror.js:23UncaughtTypeError:Failedtoexecute'observe'on'MutationObserver':parameter1isnotoftype'Node'.js:$(document).ready(function(){//Thebelowcollectsuserloginname,newlogindateandtime,andprevioususeURLvarelem

javascript - Angular 和 Observable : how to avoid multiple requests to API within a given time

我在Angular4应用程序中有类似的东西(为了示例,我删除了代码)@Injectable()exportclassSomeService{constructor(privatehttp:Http){}get(id:number){returnthis.http.get('http://somedomain/somemodel/${id}.json');}}一些组件使用它来进行API调用。constructor(privatesomeService:SomeService){}...someMethod(){//codehere...this.someService.get(2).su

javascript - 更新深层不可变状态属性时,Redux 不更新组件

我的问题:为什么在我的不可变状态(映射)中更新数组中对象的属性不会导致Redux更新我的组件?我正在尝试创建一个将文件上传到我的服务器的小部件,我的初始状态(来self的UploaderReducer内部,您将在下面看到)对象如下所示:letinitState=Map({files:List(),displayMode:'grid',currentRequests:List()});我有一个thunk方法,它在事件发生时(例如进度更新)开始上传和分派(dispatch)操作。例如,onProgress事件如下所示:onProgress:(data)=>{dispatch(fileUpl

javascript - 带有 redux 和 react 的多个注册表

我一直在尝试开发一个类似于airbnb列表表单的仪表板表单,以便更深入地了解Reactredux,但我被困在我的项目中间。我有一个多表单,当用户点击继续按钮时,用户将获得另一个表单来填写等等,如果用户点击后退按钮,用户将获得一个返回前一步的表单,其中包含之前填写的值。我无法决定我应该为此做什么。我是否必须创建一个正在运行的对象作为listingName。摘要、姓名、电子邮件等作为空值,并使用Object.assign()或其他方式使用reducer更新它。直到现在我只能开发像当用户点击个人选项卡时显示与个人信息相关的表格,当用户点击基本选项卡时,显示与基本信息相关的表格。我希望所有表单

javascript - 使用 react-router-redux 时未定义 this.props.children

我遵循了githubpage上的react-router-redux示例,但是当我尝试通过{this.props.children}到IndexRoute我尝试记录它,它是未定义的。我通过控制台得到的唯一错误是Warning:Youshouldnotuseandinthesameroute;willbeignored,通过谷歌搜索这个错误,它只是人们说忽略它的那些错误之一,因为它不影响任何代码(出于某种原因)。package.json...."react":"^0.14.7","react-redux":"^4.4.0","react-router":"^4.0.0","react-r