草庐IT

async-redux

全部标签

javascript - 服务人员 : async await in combination with waituntil is not working properly

在使用async/await语法时,我正在为serviceworker中的promises而苦苦挣扎。以下情况:我收到推送通知,想处理点击事件。如果我将“旧”语法与then和catch一起使用,我可以遍历客户端列表并对其执行一些操作。如果我对async/await使用我喜欢的方式,它不会做任何事情。self.addEventListener("notificationclick",event=>{//isworkingevent.waitUntil(self.clients.matchAll().then(clientList=>{console.log(clientList);}))

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 - 将 async/await 与 babel 一起使用时 regeneratorRuntime is not defined 错误

我正在使用异步/等待代码,并且收到“regeneratorRuntime未定义错误”。我已经尝试了堆栈溢出的几种解决方案,但我无法使它们中的任何一种起作用。这是我的配置:webpack.config.js:module.exports={entry:['babel-polyfill','./client/libs/compileTemplate/entry.jsx','./client/libs/compileTemplate/loginEntry.jsx'],output:{path:'/dist',publicPath:'/assets',filename:'[name].js'}

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 - ES7 async/await 概念问题

我正在迁移现有程序以使用async/await(通过Babel的bluebirdCoroutines)为了学习这种风格。我一直在看这个tutorial.我对以下行为有点困扰。此代码段按预期工作:letparts=[];leturlsP=urls.map((url,index)=>{returndlPart(url,index,tempDir);});for(leturlPofurlsP){//Parallel(yay!)parts.push(awaiturlP);}for(letpartofparts){//SequentialawaitappendFile(leFile,part);

javascript - 使用 async.each 获取对象键

我有一些JSON数据如下:{version:1,partitions:{'0':[1616133379],'1':[1616133378],'2':[1616133380]}}我正在使用async.each循环访问数据,如下所示:async.each(topicData.partitions,function(data,callback){console.log('/brokers/topics/'+topic+'/partitions/'+data+'/state');callback();},function(err){if(err){console.log(err);callba

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{