草庐IT

react-promise

全部标签

javascript - 等待循环中调用的所有 promise 完成

我正在使用theaxiospromise库,但我认为我的问题更普遍。现在我正在循环处理一些数据并在每次迭代时进行一次REST调用。每次调用完成时,我需要将返回值添加到一个对象中。在高层次上,它看起来像这样:varmainObject={};myArrayOfData.forEach(function(singleElement){myUrl=singleElement.webAddress;axios.get(myUrl).then(function(response){mainObject[response.identifier]=response.value;});});conso

javascript - React-native:textAlign: 'right' 样式不正确

我对react-nativecss-styling很陌生..并且有以下代码:{question.view_count+"views\t"+question.comment_count}{question.comment_count>1||question.comment_count==0?"comments":"comment"}{question.solution_count>0?question.solution_count+"solutions":"Solvethis"};问题是第二个“textAlign:'right'”不起作用-文本仍在左侧。我希望文本位于同一行,但(显然)右

javascript - 使用 Promise.all 获取基于名称的结果的最佳 es6 方法

默认情况下,Promise.All([])函数返回一个基于数字的索引数组,其中包含每个promise的结果。varpromises=[];promises.push(myFuncAsync1());//returns1promises.push(myFuncAsync1());//returns2Promise.all(promises).then((results)=>{//results=[0,1]}使用Promise.all()返回命名结果索引的最佳普通方法是什么?我尝试使用Map,但它以这种方式返回数组中的结果:[key1,value1,key2,value2]更新:我的问题似

javascript - 如何在 React.js 中触发按键事件

我是React.js的新手。我正在尝试触发文本div的按键事件。这是我要执行按键触发器的文本框代码。Hii...按键方法是:onKeyPress:function(e){return"Enter"==e.key?"Enterkeyeventtriggered":void0)}我用jQuery试过了,但我无法触发它。这是我试过但不起作用的React代码:varevent=newEvent('keypress',{'keyCode':13,'which':13,'key':'Enter'});varnode=document.getElementById('test23');node.di

javascript - 了解 UI 何时在 React/Redux 中准备就绪

我想知道我的应用需要多长时间才能“准备好”供用户与其交互。应用加载的时间线包括以下内容:DOM加载。初始React渲染。从各种componentDidMount()s触发的HTTP调用HTTP调用返回。使用HTTP响应更新Redux状态。React使用来自HTTP响应的新值呈现。所有初始加载已完成。用户已准备好与该应用进行交互。在此过程结束时,我想触发一个跟踪事件来记录window.performance.now()的值。我不确定最好的方法是什么。React的组件系统很好地解耦了UI的各个部分。在这种情况下,不幸的是,这意味着我不会有一个简单的地方来检查以了解“是否已使用新数据呈现所有

javascript - 有没有办法为 React Native 设置 Picker 组件的样式并使其高度变小?

我想在我的ReactNative应用程序中使用Picker组件,但它占用了太多屏幕高度。有没有办法让选择器限制自己一次只显示两个项目,然后可以在其中滚动? 最佳答案 从摆弄样式来看,最重要的部分似乎是设置itemStyle属性并在那里定义height值。您可能还想为Picker组件本身设置样式,并将height值设置为相同以获得最佳外观效果,但您不需要这样做。关于尝试显示两行:显示一件商品的高度约为44。由于原生Picker组件的设计方式,您无法在iOS中准确显示两个项目。它将显示当前所选值之上和之下的部分内容。因此,充其量您可以显

javascript - Apollo 客户端( react ): Handling unexpected errors

我一直在查看Apollo文档,但没有看到有关如何在Apollo客户端中处理服务器错误的信息。例如,假设服务器:超时变得无法访问意外失败客户端应该如何处理?Apollo当前失败并出现如下错误:Unhandled(inreact-apollo)Error:GraphQLerror:Cannot...我想避免这种情况发生并处理这些错误。我如何使用ReactApollo做到这一点?供引用:我目前正在使用React-Apollo和Redux。 最佳答案 错误在组件属性的error字段中传递:http://dev.apollodata.com/

javascript - Stripe 无法使用错误 'Uncaught (in promise) Error: We could not retrieve data from the specified Element.'

我正在尝试在https://stripe.com/docs/stripe-js/elements/quickstart之后使用Stripe.js我制作的html、css、javascript与该url的示例相同。但是当我点击“提交付款”按钮时,它总是显示控制台错误并且无法正常工作。(index):1Uncaught(inpromise)Error:WecouldnotretrievedatafromthespecifiedElement.PleasemakesuretheElementyouareattemptingtouseisstillmounted.atnewt((index):

javascript - 使用 React-Router 和 Redux 时如何在单击链接时分派(dispatch)操作?

假设我有一个链接,它将我发送到一个用于添加/编辑列表条目的页面。当我点击Link本身时,如何分派(dispatch)Redux操作,以便我可以在实际重定向到该页面之前先更新Redux存储。例如:我点击编辑按钮->Action被调度->存储更新,{'state':'edit-mode'}->继续重定向。或者您有其他方法来完成我想要做的事情吗?也许当组件挂载后,我会根据特定条件运行类似stateToEdit的操作?如果是这样,那么请告诉我你的方式。谢谢PS:我只使用一个组件进行所有添加/编辑/删除。所以我正在考虑一种基于state呈现的方法,无论它是在edit-mode还是delete-m

javascript - 在 JavaScript 中,如何在超时时包装 promise ?

使用deffered/promise实现一些异步函数的超时是一种常见的模式://CreateaDeferredandreturnitsPromisefunctiontimeout(funct,args,time){vardfd=newjQuery.Deferred();//executeasynchronouscodefunct.apply(null,args);//Whentheasynchronouscodeiscompleted,resolvetheDeferred:dfd.resolve('success');setTimeout(function(){dfd.reject('