草庐IT

react-promise

全部标签

javascript - 在 React/Flux 中管理商店数据依赖

我有一个使用Facebook的Flux架构开发的网络应用程序。该页面有两个View:一个显示TODO项目列表。第二个View显示一组随机的TODO项目。商店显然需要管理两个问题。第一个是可用的TODO列表。第二个是随机选择的TODO项目列表。因此我有一个TODOStore,它只关心管理可用的TODO项。它具有loadTODOs、addTODO、deleteTODO、editTODO操作。启动时,此商店不会加载所有TODO项目。我希望它仅在必要时从数据库中检索TODO项目列表。第二个商店是RandomTODOListStore。它的职责是管理随机选择的TODO项目。在我看来,Random

javascript - 取消 promise 链?

我链接了一系列的promise:this.getData.then(this.getMoreData).then(this.getEvenMoreData);在某些时候,用户可能会决定取消请求并请求其他内容。如何取消链的传播? 最佳答案 您必须检查每个链接方法内的状态(是否应取消):varuserRequestedCancel=false;this.getData().then(function(){if(userRequestedCancel){returnPromise.reject('usercancelled');}retu

javascript - 在 ES6 + babel 中使用 bluebird promise 导入类(构造函数)

假设我创建了一个node.js库lib.jsexportclassC{constructor(value,callback){callback(false,`Hello${value}`);}task(value,callback){callback(false,"returned"+value);}}重要的部分是类的构造函数需要接受回调,因为它处理数据库连接和文件I/O。如果我现在导入并使用库回调样式,一切都很好(请参阅下面的c1)。我真的很想promise我使用它的库,使对象构造更方便(实际上它是一大堆类和方法)。但是,我找不到在promise-safe中正确地new类的方法。im

javascript - 使用 redux 时应该如何在 react 组件中处理取消订阅?

在我的组件中,我有以下内容:componentWillMount:function(){this.unsubscribe=store.subscribe(function(){this.setState({message:store.getState().authentication.message});}.bind(this));},componentWillUnmount:function(){this.unsubscribe();},不调用取消订阅会导致以下错误:Warning:setState(...):Canonlyupdateamountedormountingcompon

javascript - 从 react 组件的数组类型状态属性中弹出的正确方法?

假设我有一个像这样的react组件:varMyComponent=React.createClass({getInitialState:function(){return{myStack:[]};},...pop:function(a){//anyconcise,elegantwaytopopfromarraytypestate?}}也许我可以写pop:function(){varclone=_.clone(this.state.myStack);clone.pop();this.setState({myStack:clone});}但它看起来很丑...我知道它可以工作,但是当我编写这

javascript - for循环(每次迭代都会产生一个 promise )完成后如何返回单个 promise ?

我的promise返回代码有问题,我有一个函数getTagQuotes,它包含一个for循环,它可以多次调用API以将数据返回到数组中。我的代码是如何开始的://Iftherearetags,thenwaitforpromisehere:if(tags.length>0){//SettingpromisevartogetTagQuotes:varpromise=getTagQuotes(tags).then(function(){console.log('promise=',promise);//Thisarrayshouldcontain1-3tags:console.log('tw

javascript - React 组件中 "shouldComponentUpdate"生命周期方法的默认实现是什么

shouldComponentUpdate()方法的自定义实现不需要作为React组件生命周期的一部分。我知道这是一个bool函数,它决定是否在组件props和state发生变化时调用render(),并且有mixins像PureRenderMixin它实现了shouldComponentUpdate()如果没有提供自定义实现或混合。默认的实现和行为是什么? 最佳答案 从Reactv0.13和v0.14开始,默认实现等于null并且按照这个逻辑:varshouldUpdate=this._pendingForceUpdate||!i

javascript - 使用 React 和 Material UI 禁用自动填充表单

我正在尝试学习React和MaterialUI。我正在创建一个网络表单,到目前为止一切都很好,除了当页面加载时,chrome自动用以前存储的数据填充文本字段并且背景变为黄色。我怎样才能让它保持白色?我知道在普通的CSS中我会包含这段代码:input:-webkit-autofill{-webkit-box-shadow:0001000pxwhiteinset;}但是考虑到我不一定有样式表,这就出现了问题。我到目前为止:constMyAwesomeReactComponent=React.createClass({constcontainerStyle={/*input:-webkit-

javascript - 在 React Native 中触摸 TextInput 时打开键盘和/或 DatePickerIOS

我是ReactNative的新手,我只是想在触摸TextInput时让DatePickerIOS组件从屏幕底部向上滑动。有人能给我指出正确的方向或给我一个简单的例子吗?下面是我的组件。这很简单。我试图在用户触摸TextInput时打开键盘或DatePickerIOS。importReact,{AppRegistry,Component,StyleSheet,Text,TextInput,View,DatePickerIOS}from'react-native';classAddChildVisitextendsComponent{render(){return(VisitDate);}

javascript - Node JS Async Promise.All 问题

我正在尝试对从数据库中获取的列表中的一堆项目执行异步例程,但我无法理解promise.all的工作原理和作用。这是我现在使用的代码:/***Queuesuppriceupdates*/functionupdatePrices(){console.log("~~~NowupdatingalllistingpricesfromAmazonAPI~~~");//Grabsthelistingsfromthedatabase,thispartworksfinefetchListings().then(function(listings){//Createsanarrayofpromisesfr