草庐IT

react-promise

全部标签

javascript - 为什么我的 React 组件渲染被调用两次,一次没有数据,然后又一次有数据,但是为时已晚的异常?

我有一个组件TreeNav,其数据来自api调用。我已经设置了reducer/action/promise和所有的管道,但是当我在数据上调用map()时在组件渲染中,得到“UncaughtTypeError:Cannotreadproperty'map'ofundefined”。故障排除显示TreeNavrender()被调用了两次。第二次是在数据从api返回之后。但是由于第一个render()错误,第二个render()永远不会运行。这是我的代码文件:--------reducers/index.js--------import{combineReducers}from'redux'

javascript - 如何测试返回 Promise 的方法

我正在编写Angular2RC5应用程序,并使用Karma和Jasmine进行单元测试。我有一个返回Promise的方法(它位于对angular的http.post的调用之上)我想在完成后运行一些断言。这样的东西是行不通的letresult=myService.getFoo();result.then(rslt=>expect(1+1).toBe(3));//theerrorislost这会创建一个“UnhandledPromiserejection”警告,但错误会被抑制并且测试通过。如何根据已解决的promise运行断言?注意事项:.catch()方法似乎不是我想要的。我不想记录或做

javascript - 在不制作副本的情况下替换 react redux reducer 中的新状态

如果我已经完全替换了状态的一部分,我是否仍然需要使用Object.assign或扩展运算符来复制原始状态并将其替换为新状态,或者我可以直接返回我的reducer中的新状态?constfetching=(state={isFetching:false},action)=>{switch(action.type){case'REQUESTING':returnObject.assign({},state,{isFetching:true})case'RECEIVE_POKEMON_TYPE_INFO':returnObject.assign({},state,{isFetching:fal

javascript - 如何同步 Promise 对象?

我有需要同步工作的promise对象。例如,第二个promise不应该在第一个promise完成之前起作用。如果第一个拒绝第一个必须再次执行。我已经实现了一些示例。这个效果很好。调用getVal,等待2000ms,返回,i++,再次调用getVal.....getVal(){returnnewPromise(function(resolve,reject){setTimeout(function(){resolve(19)},2000);});}asyncpromiseController(){for(vari=0;i但我需要控制一组promise对象。我想做的是我有一个数据,我把它分

javascript - 使用 Jest 模拟基于 promise 的请求

我正在尝试使用Jest对函数进行单元测试,但我在处理jest模拟模块时遇到了一些麻烦(相当于nodejs世界中的rewire或proxyquire)。我实际上是在尝试测试是否已使用一些参数在模拟模块上调用了spy程序。这是我要测试的功能。注意:当前测试只涉及“fetch(...)”部分,我正在尝试测试fetch是否已使用good参数调用。exportconstfetchRemote=slug=>{returndispatch=>{dispatch(loading());returnfetch(Constants.URL+slug).then(res=>res.json()).then(

javascript - 如何保证多个 promise 的解决顺序?

尝试学习一些现代JS,尤其是ECMAScript6Promises。我正在玩这个简单的测试:letslow=newPromise((resolve)=>{setTimeout(function(){ console.log('slow'); resolve(); },2000,'slow');});letinstant=newPromise((resolve)=>{ console.log('instant'); resolve(); });letquick=newPromise((resolve)=>{setTimeout(function(){ console.log('quick

javascript - Redux Action 中的 Getters - React Native

我希望有一些函数可以获取当前状态来用它做一些逻辑,而不必通过参数将当前状态传递给函数。这是我的例子。在我的Action文件中,我有:exportconstaddToSearchHistory=(newSearch)=>({type:ADD_TO_SEARCH_HISTORY,newSearch})exportconstaddToCardHistory=(newCard)=>({type:ADD_TO_CARD_HISTORY,newCard})例如,我想要一个“getter”函数,告诉我“搜索历史”是否已经达到10个项目。所以我所做的是:exportconstsearchHasMaxH

javascript - 使用 'Promise' 与不使用 'Promise' : in which cases?

我不知道SO是否适合提出这样的问题。我知道一点Promises,我在Node/Express环境中使用它们来“修复”Node的异步行为查询数据库(=等待数据库回答,然后做一些事情)。然而,我使用它们的次数越多,我就越不知道何时不用它们。例如,我写了一段这样的代码(用于查询GoogleMatrixAPI的本地脚本).......for(vari=0;i{}...我不知道在这里使用Promise.all是否有意义...有规律可知吗?我没有得到的行为?换句话说,我什么时候知道我的脚本运行没有正确参数的函数存在“风险”(argument从另一个函数返回这不是“结束”)...?谢谢。

javascript - React - 按对象属性过滤

我正在尝试按属性过滤对象,但无法正常工作。对象中的数据结构如下:我正在通过UID获取数据,然后映射该对象的所有项目,但我无法使过滤器工作。渲染方法如下所示:render(){return({Object.keys(this.state.dataGoal).filter(key=>key.main==true).map((key,index)=>{return{this.state.dataGoal[key].name}{this.state.dataGoal[key].main}})}知道我做错了什么吗?感谢您的帮助,雅各布 最佳答案

javascript - react 。 child 作为 Prop

我知道如何将child传递给React组件:OpenThisWonderfulLink但是我可以这样使用吗:有效,但这正常吗?我可以每次都使用这种方式吗?附言抱歉我的英语不好..) 最佳答案 是的,children就像任何其他prop一样,可以用作prop来渲染子组件,而不是将子组件嵌套在相应的元素 关于javascript-react。child作为Prop,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.