草庐IT

async-redux

全部标签

javascript - React-Native/Redux dispatch 在 Action 中多次触发

我正在制作一个React/Redux应用程序。在我的一个操作中,dispatch在没有明显原因的情况下被调用时会触发6-8次。请参阅下面我的组件的操作文件中的addMarkersRequestAddress:exportfunctionaddMarkersSuccess(response){return{type:'addMarkersSuccess',status:'success',response:response,receivedAt:Date.now(),};}exportfunctionaddMarkersFailure(error){return{type:'addMar

javascript - 在数组中递增单击 Redux 函数

我正在处理一些svg元素,我已经构建了一个增量按钮。增量按钮采用pathd值将其转换为数组并从数组的第三个元素求和5。如果元素是'L'或'M'它什么都不做这里是redux中的点击函数,它采用递增Action状态的值consta=action.index;letstring=state[a].d;它转换成一个数组letarray=string.split("");然后它完成我在循环中所说的所有计算查看完整的redux函数switch(action.type){case'INCREMENT_COORDINATES':console.log("incrementingcoordinaates

javascript - 使用 Redux 验证用户的流程

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭7年前。ImprovethisquestionRedux是如何组织客户端用户认证码的?也很想学习如何最好地将Facebook登录集成到Redux中。

javascript - JS/TS 中使用 async/await 的异步有界队列

我正在努力思考async/await,我有以下代码:classAsyncQueue{queue=Array()maxSize=1asyncenqueue(x:T){if(this.queue.length>this.maxSize){//Blockuntilavailable}this.queue.unshift(x)}asyncdequeue(){if(this.queue.length==0){//Blockuntilavailable}returnthis.queue.pop()!}}asyncfunctionproduce(q:AsyncQueue,x:T){awaitq.en

javascript - Redux + ImmutableJS - 如何垃圾收集太大的商店?

我将Redux与ImmutableJS结合使用。在我的SPA(相当复杂的管理系统)中,用户经常将大量数据加载到存储中(许多表有数千行)。在打开多个页面并且存储中有太多数据后,应用程序变得非常慢,因为ImmutableJS存储可能包含数百万个条目。我怎样才能从商店中“删除”一些东西,这样数据就不会拖慢应用程序的速度?我知道这会违背其主要原则,但您还能如何解决它?使用带有例如jQuery的通用网站,这将非常容易。每次页面刷新时,所有不必要的东西都会被垃圾收集。因此,一个页面2-3千个条目是可以的,但是当打开一个新页面时,reducer加载了新数据,但仍然引用旧数据。当然,我不想强​​迫用户

javascript - Redux 路由器 - "Dispatch is not defined"

我有一个简单的组件,它在用户加载页面时调用一个操作,在该操作中,我试图分派(dispatch)另一个操作以将商店的loggedIn状态设置为真还是假:importReact,{Component}from'react'import{Link,browserHistory}from'react-router'import$from'jquery'classLoginextendsComponent{constructor(props){super(props)}componentDidMount(){this.props.actions.guestLoginRequest()}rende

javascript - 有没有办法将 await/async try/catch block 包装到每个函数?

所以我正在使用express.js并考虑将async/await与节点7一起使用。有没有一种方法我仍然可以捕获错误但摆脱try/catchblock?也许是函数包装器?我不确定这将如何实际执行函数的代码并调用next(err)。exports.index=asyncfunction(req,res,next){try{letuser=awaitUser.findOne().exec();res.status(200).json(user);}catch(err){next(err);}}像这样的……?functionexample(){//Implementstry/catchbloc

javascript - 如何使用带有 redux-form 的选择输入类型?

我搜索并尝试了很多使用redux-form库的选择输入类型和我的react表单。一切正常,所有其他输入类型都正常,但不是以下操作的选择类型:初始化、检索提交的值等。我尝试将模型Prop与“选择”一起使用,并使用我自己的函数来渲染它。当我为模型使用选择版本时,我设法获得了组合框字段的选项,但我没有设法设置一个值并在提交时检索它。使用我自己的函数,我什至无法将选项设置到列表中......这是我的代码://FormComponentfileconst{handleSubmit}=this.props;...{tennisRankings.map(ranking=>{ranking})}...

javascript - 如何使用 redux-forms v6 在同一页面上创建多个表单?

我有一个简单的待办事项应用程序,其中我的redux商店包含一个“待办事项”数组。我的“Todo”组件映射商店中的每个“todo”并呈现一个使用redux-formsv6的“TodoForm”组件。就像现在一样,每个“待办事项”共享相同的表单名称/键,所以每次我在“标题”字段中输入内容时,它都会更改每个待办事项的“标题”。我通过使用唯一的字段名称找到了解决方法,但我担心随着应用程序的增长它会使事情变得过于复杂,并且更愿意使用唯一的表单名称以便每个字段都可以具有相同的名称而不会干扰其他表单(TodoForm1、TodoForm2、TodoForm3都可以有一个唯一的“title”字段,而不

javascript - 如何通过 expect.js async done() 出错的测试?

Mocha网站声明:“为了让事情变得更简单,done()回调接受一个错误,所以我们可以直接使用它:[参见他们的例子]”那么让我们试试看:it('works',function(done){expect(1).to.be(1)done(newError('expectederror'))})/*Inserttheerrormanuallyfortestingandclarity.*/运行它并:1failing1)works:Error:expectederroratContext.[stacktrace]当错误响应是期望的结果时,我们如何使测试通过? 最佳答案