草庐IT

redux-observable

全部标签

javascript - 在 React Redux 应用程序中,我在哪里从服务器获取初始数据?

我已经开始学习React/Redux并且偶然发现了一些可能是非常基本的问题。以下是我的应用程序的片段,为简单起见删除了一些代码。我的状态由一组默认为空的站点描述。稍后,reducer将具有LOAD_SITES操作,以便在用户分页到不同页面时加载一组不同的站点,但现在它什么都不做。React首先呈现PublishedSitesPage,然后呈现PublishedSitesBox,然后循环数据并呈现各个站点。我想要做的是让它使用默认的空数组呈现所有内容,同时启动“从服务器加载站点”promise,一旦它解决,调度LOAD_SITES操作。调用此电话的最佳方式是什么?我正在考虑Publish

javascript - 在 React Redux 应用程序中,我在哪里从服务器获取初始数据?

我已经开始学习React/Redux并且偶然发现了一些可能是非常基本的问题。以下是我的应用程序的片段,为简单起见删除了一些代码。我的状态由一组默认为空的站点描述。稍后,reducer将具有LOAD_SITES操作,以便在用户分页到不同页面时加载一组不同的站点,但现在它什么都不做。React首先呈现PublishedSitesPage,然后呈现PublishedSitesBox,然后循环数据并呈现各个站点。我想要做的是让它使用默认的空数组呈现所有内容,同时启动“从服务器加载站点”promise,一旦它解决,调度LOAD_SITES操作。调用此电话的最佳方式是什么?我正在考虑Publish

javascript - 更新 redux store 中的嵌套数据

使用redux更新商店中嵌套数据数组的最佳/正确方法是什么?我的商店是这样的:{items:{1:{id:1,key:"value",links:[{id:10001data:"somemorestuff"},...]},...}}我有一对更新完整items对象的异步操作,但我有另一对要更新特定links数组的操作。我的reducer目前看起来像这样,但我不确定这是否是正确的方法:switch(action.type){caseRESOURCE_TYPE_LINK_ADD_SUCCESS://TODO:checkwhetherthefollowingisacceptableorshou

javascript - 更新 redux store 中的嵌套数据

使用redux更新商店中嵌套数据数组的最佳/正确方法是什么?我的商店是这样的:{items:{1:{id:1,key:"value",links:[{id:10001data:"somemorestuff"},...]},...}}我有一对更新完整items对象的异步操作,但我有另一对要更新特定links数组的操作。我的reducer目前看起来像这样,但我不确定这是否是正确的方法:switch(action.type){caseRESOURCE_TYPE_LINK_ADD_SUCCESS://TODO:checkwhetherthefollowingisacceptableorshou

javascript - redux、react-redux、redux-thunk 之间有什么区别?

我正在使用React+Flux。我们的团队正计划从flux转向redux。来自Flux世界的我对Redux感到非常困惑。在flux控制流中很简单,从组件->操作->存储和存储更新组件。它简单明了。但在redux中它令人困惑。这里没有商店,是的,有一些不使用商店的例子。我看了几个教程,似乎每个人都有自己的实现方式。有些正在使用容器,有些则没有。(我不知道这个Container概念,也无法理解mapStateToProps、mapDispatchToProps的作用)。谁能清楚地解释一下redux中的控制流是如何发生的?components/containers/actions/actio

javascript - redux、react-redux、redux-thunk 之间有什么区别?

我正在使用React+Flux。我们的团队正计划从flux转向redux。来自Flux世界的我对Redux感到非常困惑。在flux控制流中很简单,从组件->操作->存储和存储更新组件。它简单明了。但在redux中它令人困惑。这里没有商店,是的,有一些不使用商店的例子。我看了几个教程,似乎每个人都有自己的实现方式。有些正在使用容器,有些则没有。(我不知道这个Container概念,也无法理解mapStateToProps、mapDispatchToProps的作用)。谁能清楚地解释一下redux中的控制流是如何发生的?components/containers/actions/actio

javascript - Angular2 RxJS 得到 'Observable_1.Observable.fromEvent is not a function' 错误

我正在使用AngularJS2Beta0,我正在尝试从窗口对象上的事件创建一个RxJSObservable。我相信我知道在我的服务中将事件捕获为Observable的公式:varobserv=Observable.fromEvent(this.windowHandle,'hashchange');问题是每次我尝试运行这段代码时,我都会收到一条错误消息,指出“fromEvent”不是一个函数。UncaughtEXCEPTION:Errorduringevaluationof"click"ORIGINALEXCEPTION:TypeError:Observable_1.Observable

javascript - Angular2 RxJS 得到 'Observable_1.Observable.fromEvent is not a function' 错误

我正在使用AngularJS2Beta0,我正在尝试从窗口对象上的事件创建一个RxJSObservable。我相信我知道在我的服务中将事件捕获为Observable的公式:varobserv=Observable.fromEvent(this.windowHandle,'hashchange');问题是每次我尝试运行这段代码时,我都会收到一条错误消息,指出“fromEvent”不是一个函数。UncaughtEXCEPTION:Errorduringevaluationof"click"ORIGINALEXCEPTION:TypeError:Observable_1.Observable

javascript - 在 RxJS 中链接 Observable

我正在学习RxJS和Angular2。假设我有一个包含多个异步函数调用的promise链,它依赖于前一个函数的结果,如下所示:varpromiseChain=newPromise((resolve,reject)=>{setTimeout(()=>{resolve(1);},1000);}).then((result)=>{console.log(result);returnnewPromise((resolve,reject)=>{setTimeout(()=>{resolve(result+2);},1000);});}).then((result)=>{console.log(r

javascript - 在 RxJS 中链接 Observable

我正在学习RxJS和Angular2。假设我有一个包含多个异步函数调用的promise链,它依赖于前一个函数的结果,如下所示:varpromiseChain=newPromise((resolve,reject)=>{setTimeout(()=>{resolve(1);},1000);}).then((result)=>{console.log(result);returnnewPromise((resolve,reject)=>{setTimeout(()=>{resolve(result+2);},1000);});}).then((result)=>{console.log(r