草庐IT

react-promise

全部标签

javascript - React Hooks useEffect,添加依赖触发死循环

在我的useEffect中,我有一个Prop依赖项(setIsValid)。当我将此依赖项添加到useEffect时,它会陷入无限循环。调用子组件时为父级:constsetIsValid=(bool)=>{consttmpStateCopy=Object.assign({},state);tmpStateCopy.isValid=bool;setState(tmpStateCopy);};return在子组件中:const{setIsValid}=props;const[state,setState]=useState({transformations:[],duplicateInde

javascript - 如何在 React Native 和 Node 中计算校验和?

我正在将图像文件从ReactNative上传到AWSLambda(Node10.x),并想验证我发送的文件的哈希值是否与收到的文件匹配。为此,我在ReactNative中使用哈希,并在Lambda中再次使用,但哈希从不匹配。以下是我尝试过的相关代码。nativereactimportRNFSfrom"react-native-fs";constcontentChecksum=awaitRNFS.hash(post.contentUrl,"md5");Lambda(Node)importAWSfrom"aws-sdk";constcrypto=require("crypto");cons

javascript - react Hook : accessing up-to-date state from within a callback

编辑(2020年6月22日):由于这个问题引起了一些新的兴趣,我意识到可能存在一些困惑。所以我想强调:问题中的例子只是一个玩具例子。它不能反射(reflect)问题。引发这个问题的问题是使用第三方库(对其控制有限),该库将回调作为函数的参数。为该回调提供最新状态的正确方法是什么。在React类中,这将通过使用this来完成。在Reacthooks中,由于状态被封装在React.useState()函数中的方式,如果回调获取状态通过React.useState(),它将是陈旧的(设置回调时的值)。但如果它设置状态,它将可以通过传递的参数访问最新状态。这意味着我们可以通过将状态设置为与原来

javascript - react 代码抛出 “TypeError: this.props.data.map is not a function”

我刚开始用React编码,我习惯用CoffeeScript编码。我试着沿着tutorialpresentedintheReactdocs编码并为状态更新做了类似的事情。但是,我收到TypeError:this.props.data.mapisnotafunction。我有点迷茫,想知道我哪里错了。有人可以指导我并告诉我哪里出错了吗?这是我的代码:(function(){varStatus,StatusBox,StatusForm,StatusList,button,div,h4,textarea,_ref;_ref=React.DOM,div=_ref.div,textarea=_re

javascript - 用 Q 打破动态的 promise 序列

我有几个promise(P1,P2,...Pn)我想按顺序链接它们(所以Q.all不是一个选项)并且我想首先打破链条错误。每个promise都有自己的参数。我想拦截每个promise错误以转储错误。如果P1、P2、..PN是我的promise,我不知道如何使序列自动化。 最佳答案 如果您有一个promise链,它们都已经开始,您无法启动或停止它们中的任何一个(您可以取消,但仅此而已)。假设您有F1,...Fnpromise返回函数,您可以使用promise的基本构建block,我们的.then为此:varpromises=/*whe

JavaScript 原生 Promise 对两个结果执行回调

有没有办法对Promise对象的两个结果执行回调?例如,我想在执行xhr请求后进行一些清理逻辑。所以我需要做这样的事情:varcleanUp=function(){something.here();}myLib.makeXhr().then(cleanUp,cleanUp);例如在jqueryDefered中我可以使用方法always():myLib.makeXhr().always(function(){something.here();});Promise是否支持这样的东西? 最佳答案 不,没有。是discussed但规范很小。

javascript - React PropTypes 的多重验证

有没有办法使用React.PropTypes对单个prop进行多次验证。特别想混合自定义验证和库存验证。我有两个Prop,一个对象options和一个字符串value。我想检查props.value是一个字符串还是对象上的一个键。使用coffeescript这看起来像:propTypes:options:React.PropTypes.Object.isRequiredvalue:(props,propName,componentName)->unlessprops[propName]ofprops.optionsnewError('mycustommessage')这很好用,但我还想

javascript - Bluebird promise 链 : 'Catch' with Result

为了让这个问题对尽可能多的人有用,除了我在下面使用Node+Express的Bluebirdpromise库这一事实之外,我将排除我的具体实现细节。所以,假设我有以下链(其中P返回一个promise,res是ExpressHTTP响应对象):P().then(function(){//donothingifallwentwell(fornow)//weonlycareifthereisanerror}).catch(function(error){res.status(500).send("Anerroroccurred");}).then(function(){returnP();}

javascript - 由 Flux Store 控制的 React Form(最佳实践?)

所以我有一个很大的组件就是我的表单:{morecomponentshere}此表单组件正在监听使用firstAction、secondAction等更新其值的商店注意:组件根据返回{firstValue:something,secondValue:something,etc}的store.getState()更新其状态假设我的FirstComponent是一个输入:this.props.firstAction(e.target.value)}好的,所以onChange触发PropfirstAction这实际上是将更新我的商店并使表单重新呈现的FluxAction。我在这里有两个好处,当

javascript - 如何在没有 TestUtils.findAllInRenderedTree 的情况下遍历包括 DOM 组件在内的所有 React 组件?

Reactv0.14将不再提供通过TestUtils.findAllInRenderedTree遍历根组件内所有渲染组件的能力-DOM组件将被排除在外。是否有一些更好的做法遍历根组件内的所有组件? 最佳答案 您可以通过遍历子节点来递归遍历节点。functiontraverse(node,visitor){return_traverse(node,visitor,{level:0,parent:null});}function_traverse(node,visitor,state){visitor(node,state);if(!n