草庐IT

Redux-Observable

全部标签

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 - 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

javascript - 默认情况下限制所有 observable 的速率

默认情况下,knockout.js中是否有一种方法可以对所有observable进行速率限制?我不想一一扩展我所有的可观察对象。 最佳答案 您可以创建一个函数来代替ko.observable。我这样做只是为了节省打字时间,我自己:varKOB=ko.observable;对于您的情况,它将是(类似于):varKOB=function(value){returnko.observable(value).extend({rateLimit:500});}; 关于javascript-默认情况

javascript - 如何在 RxJs Observable 中使用 Skip and Take

我正在学习Angular2、TypeScript、RxJs等,但我在使用RxJs和Observable返回服务内的数据子集时遇到问题。我希望下面的getCars函数读取一个json文件,解析它并返回一部分数据(偏移量和计数)。但是,我总是能取回所有数据(我正在测试的文件中有200个实体/汽车)。我做错了什么?实体服务@Injectable()exportclassEntityService{constructor(privatehttp:Http){}getCars(offset:number,count:number):Observable{returnthis.http.get('

javascript - 如何使用 React refs 来聚焦 Redux 表单字段?

我正在尝试使用Reactrefs在安装时聚焦Redux-FormField。当我在componentDidMount中尝试this.refs.title.getRenderedComponent().focus()时,会抛出一条错误消息:edit_fund.js:77未捕获类型错误:无法读取未定义的属性“getRenderedComponent”当我控制台记录this.refs时,它主要是一个空对象,有时将“title”标识为ref,但它不可靠。我是否错误地使用了refs?我的代码在下面供引用。componentDidMount=()=>{this.refs.title.getRend

javascript - 在渲染容器之前 react redux 调度操作

我是React-redux应用程序开发的新手,我想了解如何在页面加载后立即分派(dispatch)另一个操作。以下是我的容器代码。我正在使用这个(https://github.com/jpsierens/webpack-react-redux)样板文件。letlocationSearch;constActivationPage=({activateUser})=>{return(ActivationRequiredAnActivationEmailwassenttoyouremailaddress.Pleasecheckyourinboxtofindtheactivationlink{

javascript - 为什么我要使用 Redux Promise 中间件而不是 Redux Promise?

我用过ReduxPromise,但似乎ReduxPromiseMiddleware具有更多功能,例如分派(dispatch)多个附加了“PENDING”或“FULFILLED”的操作。为什么我要用一个而不是另一个? 最佳答案 我个人更喜欢ReduxPromiseMiddleware作为中间件,因为它支持乐观更新;调度未决、已完成和已拒绝的操作;并与ReduxThunk配合得很好链接异步操作。例如,您可以在reducer中使用带有_PENDING和_FULFILLED的操作,并使用进度条等更新UI。