草庐IT

redux-observable

全部标签

javascript - redux saga 和 history.push

背景:我正在创建一个Login组件。saga.js由3个函数组成1.rootSaga。它将执行sagas里面的列表2.watchSubmitBtn。它会观察提交按钮的点击并发送一个Action。3.shootApiTokenAuth会接收派发的action并处理axios.post返回值为promise对象在行动:后端返回400给React。这种情况没问题,我可以轻松读取payload并在render()中显示。但是当返回200时。我需要让用户转到url/companies。尝试:我曾尝试将this.props.history.push('/companies');放在componen

javascript - 将 react redux 与 next.js 结合使用

我尝试将Redux与next.jsstarter结合使用项目,我在项目上安装了next-redux-wrapper但我不确定这个项目的根文件在哪里。我尝试按照next-redux-wrapper上显示的教程进行操作但没有成功。没有任何变化。请帮助我如何将Redux添加到项目中。问候。 最佳答案 Next.js使用App组件来初始化页面。您可以覆盖它并控制页面初始化。虽然这个演示是针对next.js的,但它应该适用于nextjs-starter。安装next-redux-wrapper:npminstall--savenext-red

javascript - 结合变化的 Polymer 1.0 Array Observers

我正在尝试观察传递给Polymer元素的对象数组的变化。当一个新项目被添加到数组中时,该数组也会在Polymer元素中发生变化。但是,永远不会调用观察者方法。包含元素AddItemPolymer({is:"table-container",attached:function(){this.items=[];for(vari=0;i尝试观察这里的变化:{{tableItems}}Polymer({is:"selectable-table",properties:{tableItems:{type:Object,notify:true,observer:"updateTableItems"

javascript - Redux normalizr + 处理减少的响应

Normalizr非常擅长创建实体的结构化JSON存储库。我们有很多案例显示数据列表,例如posts已规范化。在列出posts的地方,API响应仅限于几个关键字段。尽管我们现在需要从API中获取包含所有字段的完整JSON实体,但我们也有显示这些posts之一的情况。如何最好地处理这个问题?一个一个单独的reducer、thunk/saga、选择器和Action?B只需将从API获取的post的扩展版本插入到reducer中。重用之前的选择器等? 最佳答案 将应用程序的状态视为数据库。我建议你使用这个状态形状:{entities:{/

javascript - 进行第二次 http 调用并在同一个 Observable 中使用结果

我使用的是angular2,它是http组件。我想调用一个将返回元素列表的RESTAPI。该列表的大小限制为100个条目。如果有更多项,将在响应中设置一个hasMore标志。然后您必须使用参数page=2再次调用API。如果有一个Observable,同时包含两个服务器响应,那就太好了。我的代码看起来像这样:call({page:1}).map(res=>res.json()).do((res)=>{if(res.meta.hasMore){//doanotherrequestwithpage=2}}.map(...).subscribe(callback)call是一个将使用http

javascript - Redux 在组件之间共享 Action

我正在使用react-native和redux构建一个移动应用程序,我正在以这种方式按功能组织我的项目结构:组件1/---Component1Actions.js---Component1Reducer.js---...组件2/---Component2Actions.js---Component2Reducer.js---...在我看来,这种项目结构令人惊叹的原因有很多,首先是因为它具有很强的可扩展性。到目前为止我遇到的唯一问题是当2个不同的组件必须分派(dispatch)相同的操作时(例如文本框中的简单文本更改)。在2个不同的文件中重写完全相同的操作是没有意义的,而且我也知道将一个

javascript - 如何检查 redux-form 是否存在错误

我正在使用React+Redux和redux-form进行表单处理和验证。到目前为止,它非常易于使用,我可以使用field.touched和field.error轻松检查各个表单字段的验证状态,但我似乎找不到任何方法或属性来告诉我是否有任何整个表格的错误。React的工作方式是,任何表单在加载后都会产生一堆错误,这就是为什么您需要使用field.touched来测试各个字段。我想要做的是在表单中的任何地方有任何错误时显示一些通用标记,但只显示一次。所以真的,我希望有类似form.touched和form.error的东西。我有一个辅助函数的设计,它将检查表单中的所有字段并返回一个boo

javascript - 在 Angular 中渲染基于时间的 Observables 而无需压倒性的变化检测

我们的Angular应用程序中有许多组件需要每秒定期显示每个组件唯一的新值(倒计时、时间戳、耗时等)。最自然的方法是创建使用RxJStimer和interval工厂函数的可观察对象。但是,这些会在整个应用程序的每个时间间隔触发Angular变化检测,调用时间间隔函数的次数。如果我们在页面上有几十个组件,这会触发整个应用程序每秒或每个时间段数十次的变化检测,从而产生很大的性能开销。到目前为止,我尝试了两种方法来解决这个问题。对任何一个的好的回答都会非常有帮助——最好是两者兼而有之。我想避免手动触发变更检测,而是依赖于Observables发出的新值,并让异步管道/OnPush变更检测策略

javascript - 如何在 observableArray 中订阅 observable

我正在使用KnockoutJS并尝试订阅位于observableArray中的observable。所以我的viewModel看起来像这样......functionviewModel(){//privatepropertiesvarself=this;//publicpropertiesself.movies=ko.mapping.fromJS([]);//subscriptionsself.movies.UserMovies.Rating.subscribe(function(newValue){console.log(newValue);});}moviesobservableA

javascript - Angular 2 将 APP_BASE_HREF 设置为来自 Promise/Observable 的值

我尝试使用来自异步rest调用的值在“CoreModule”中设置APP_BASE_HREF。我看不出这是怎么做到的,因为provide方法需要返回一个字符串。例如:@NgModule({imports:[...HttpModule],...providers:[......BackendRequestClass,{provide:APP_BASE_HREF,useFactory:()=>()=>return'/some/path',deps:[],multi:true}],});但是当我需要网络服务的值时,我无法返回字符串。知道如何做到这一点吗?谢谢 最佳