草庐IT

react-promise

全部标签

javascript - 有没有一种很好的方法来 Promise.all 具有 promise 属性的对象数组?

如果我有一组promise,我可以简单地使用Promise.all来等待它们。但是当我有一个对象数组时,每个对象都有一些promises的属性,有没有好的方法来处理它?例子:constfiles=urlOfFiles.map(url=>({data:fetch(url).then(r=>r.blob()),name:url.split('/').pop()}))//whattodoheretoconverteachfile.datatoblob?//likePromise.all(files,'data')orsomethingelse 最佳答案

javascript - 为 promise.all 中的每个 promise 设置超时

我能够成功执行Promise.all,并优雅地处理解决和拒绝。然而,有些promise会在几毫秒内完成,有些可能/可能需要一段时间。我希望能够为Promise.all中的每个Promise设置超时,这样它最多可以尝试花费5秒。getData(){varthat=this;vartableUrls=['http://table-one.com','http://table-two.com'];varspoonUrls=['http://spoon-one.com','http://spoon-two.com'];vartablePromises=that.createPromise(ta

javascript - 当我在 React 应用程序上执行 npm start 时,不断收到 "? Something is already running on port 3000"

当我启动我的react服务器时,我的终端中不断收到“?端口3000上已经有东西正在运行”消息,而我的端口3000上绝对没有任何东西正在运行我试图解决的问题:重新启动macOS。在chrome浏览器上检查我的“http://localhost:3000”。(无:无法访问此站点)转到chrome://serviceworker-internals和chrome://appcache-internals,搜索localhost:3000(未找到)我还尝试了几乎所有在Google上找到的与此问题相关的命令行我还创建了另一个express.js应用程序,它在端口3000上成功启动,而React说

javascript - react : Understanding import statement

这两个语句有什么区别importReactfrom'react';和importReact,{Component}from'react';不应该importReactfrom'react'导入包括内容在内的所有内容吗?我应该阅读什么来理解这一点? 最佳答案 你可以阅读这个here.导入不带大括号的内容会导入您要从中导入的模块中定义为默认导出的内容。一个模块中只能有一个(或没有)默认导出。foo.js:constmyObject={foo:'bar'};exportdefaultmyObject;bar.js:importtheObj

javascript - 是否可以使用公用文件夹中的 create-react-app 提供静态文件?

基本上,我为客户制作了一个(相对)简单的应用程序。该应用程序运行正常,但他们一直要求更改数据。考虑到该应用最初预期的简单性以及它保存静态数据的事实,我没有将它链接到任何后端。所有数据都保存在一个本地静态文件中,该文件中有一个保存数据的对象。问题是fle被捆绑到buld中,所以如果我只想更改一些静态数据而不必重新构建,我做不到!我的数据文件可以在公用文件夹中访问Assets,这些Assets工作正常。我试图用js文件实现相同的想法。我无法从/src文件夹之外导入。有没有一种方法可以访问以某种方式在构建时添加的静态文件夹中的静态数据? 最佳答案

javascript - 将 hoist-non-react-statics 与 withRouter 一起使用

如何使用hoist-non-react-statics和withRouter我在Feedback组件中添加了一个静态方法。这是我的原始代码。我正在尝试使用ContextAPI中的新更改(reactv16.6)Feedback.contextType=AppContext;exportdefaultwithRouter(Feedback);这工作正常,但我在控制台中收到以下警告。Warning:withRouter(Feedback):FunctioncomponentsdonotsupportcontextType.因此,为了修复警告,我使用了Danhere提出的方法.它在react中

javascript - React js 性能工具插件抛出 "Cannot read property ' 未定义的计数”

我对如何使用React的性能工具感到困惑。我目前的使用情况如下图:varPerf=React.addons.Perf;Perf.start();this.setState({newState:newStateObject,},function(){Perf.printInclusive();Perf.stop();});这不会在页面上呈现任何内容并脱口而出UncaughtTypeError:Cannotreadproperty'counts'ofundefined 最佳答案 参见https://github.com/facebook

javascript - react类中的成员变量引用为 "shared"

当我创建一个React类的多个实例时(通过在同一个类上使用React.createElement),一些成员变量在实例之间共享(数组和对象是共享的,字符串和bool值等不是)。对我来说,这感觉很可怕、很可怕​​而且是错误的。这是一个错误还是有其他方法可以做我想做的事?请看:http://jsbin.com/kanayiguxu/1/edit?html,js,console,output 最佳答案 您应该做的是在组件上设置状态,而不是将状态作为React组件上的任意属性。所以不要这样做:varMyComponent=React.cre

javascript - 当 promise 在 javascript 中产生时会发生什么?

没有找到完整的答案..当promise被yield时会发生什么?是这样的构造varp=newPromise()p.resolve(value)function*(){yieldp}相当于function*(){yieldvalue}?更新如何混合使用不同风格的异步编程,例如koa这样的框架?Koa中间件与生成器一起工作,但是有很多基于promise的好包(例如sequelize) 最佳答案 正如Felix所说,promise只是要产生的另一种值(value)。但是,有一种编写异步代码的风格,它以特定方式使用yieldedpromis

javascript - 使用 React-Native 运行自定义 Babel 转换

我需要使用babel-plugin-transform-decorators-legacy和React-Native来启用@decorators。如何配置React-Native/Babel来实现这一目标?这与我之前关于如何让@decorators在React-Native中工作的问题有关:https://stackoverflow.com/a/34271636/941058 最佳答案 使用官方Babel预设安装官方BabelpresetsforReactNativeapplications:npmibabel-preset-rea