草庐IT

react-promise

全部标签

javascript - 测试 React 表单组件

在我的类似教程的应用程序中,我有一个AddForm组件:varReact=require('react');varInput=require('react-bootstrap').Input;varTeamActions=require('../actions/team_actions.js');varAddForm=React.createClass({handleFormSubmit:function(e){e.preventDefault();varname=this._trimmedValue(this.refs.name);varrating=this._trimmedVal

javascript - 如何将这个延迟风格的 promise 转换为 ES6 风格的 promise

请参阅新手错误#4:在NolanLawson中使用“延迟”的文章:Wehaveaproblemwithpromises(顺便说一句很棒的帖子!),我尽量不再使用延迟风格的promise。最近我遇到了一个实际的例子,我不知道如何不以延迟的方式编码,所以我需要一些建议。这是一个例子,一个Angular工厂:functionConfirmModal($q,$modal){return{showModal:function_showModal(options){var_modal=$modal(options)vardeferred=$q.defer()_modalScope.confirm=

javascript - 为什么在解析父状态 promise 之前执行子状态解析函数

我正在使用ui-routerv0.2.13。Thispage指出:Allresolvesononestatewillberesolvedbeforemovingontothenextstate,eveniftheyaren'tinjectedintothatchild还有更多Allresolvesforallthestatesbeingenteredaretriggeredandresolvesdbeforethetransitionwillenteranystates(regardlessoftheresolvebeinginjectedsomewhere)但是,在我的例子中,子状态

javascript - 如何重写 forEach 以使用 Promises 停止 "freezing"浏览器?

我有一个函数,看起来像这样。function(){longArray.forEach(element=>doSomethingResourceIntensive(element))}因为数组很长,而且这个函数有点占用资源,所以会卡死浏览器。现在我想用Promises重写它,所以它做同样的事情,只是不卡住浏览器,我希望解决方案优雅且“ES6-y”;理想情况下,该函数将在所有迭代完成后返回Promise。我找到了thisquestion,它使用setTimeout处理,但它似乎有点“非ES6-y”,并且它不返回Promise。我做不到function(){returnPromise.all

javascript - ReactJS react 路由器 RoutingContext

我正在使用ReactJS和react-router构建同构应用程序在服务器端用于路由目的的模块。来自其guide关于在服务器上使用react-router:(req,res)=>{match({routes,location:req.url},(error,redirectLocation,renderProps)=>{//...elseif(renderProps){res.status(200).send(renderToString())}//...})}几乎没有关于这个RoutingContext的信息。所以我有点不清楚它是如何工作的。它是来自react-router的Rout

javascript - react 组件与两组 child

我正在创建一个组件,它需要接收两组子组件并放置在组件的两个不同部分。letCreditCardForm=({icons,fields})=>({icons}{fields})letCreditCardFormUsage=()=>{leticons=()=>()letfields=()=>()return()}上面的代码应该可以工作,我的问题是是否可以根据元素本身的子项获取这些属性值,并获得更自然的东西? 最佳答案 是的,this.props.children将返回一个数组,因此如果您总是想加载特定的子项,那么只需在包装器中通过索引引

javascript - 为什么在 ES6 react 类中需要绑定(bind)

在新的ReactES6类中,this需要按照此处所述进行绑定(bind):http://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html#autobinding例如:classCounterextendsReact.Component{constructor(){super();this.tick=this.tick.bind(this);}tick(){...}...}对此的解释是因为它是默认行为,但是如果我创建一个ES6类,然后创建它的一个新实例,this将被绑定(bind)importReactf

javascript - 使用 React 使用随机生成的字符串进行服务器端渲染?

我第一次在我的React/Redux应用程序中尝试服务器端渲染。我现在遇到的一个问题是我需要初始状态有一个随机生成的字符串,然后将其作为Prop传递给我的主要App组件。这显然会导致问题,因为它会为客户端和服务器生成不同的字符串。我能做些什么来阻止这个问题的发生吗?有助于理解的基本结构:App.jsimportReactfrom'react';import{connect}from'react-redux';constApp=({randomStr})=>({randomStr});constmapStateToProps=(state)=>({...});constmapDispat

javascript - TypeScript promise TS2304 TS2529

我有以下代码:functionasyncFunc1():Promise{returnnewPromise(x=>x);}产生了以下错误:TS2304:cannotfindname'Promise'所以我将其更改为显式声明“Promise”:///import*asPromisefrom'bluebird';functionasyncFunc1():Promise{returnnewPromise(x=>x);}现在我收到以下错误:TS2529:Duplicateidentifier'Promise'.Compilerreservesname'Promise'intoplevelscop

javascript - 与阿多尼斯 react

我正在尝试将React与AdonisJs集成以构建SPA。Adonis通过处理到SPA的路由Route.any('*',function*(request,response){yieldresponse.sendView('home')})我在app>Http>routes.js中完全做到了这一点然后我在资源>View中创建了一个home.njk作为我的应用程序的登录页面。现在,我有一个react文件,我在其中创建了一个页脚。我想用React-router处理页脚中的所有链接。React路由器处理url以导航到页面。但是,上面的代码(在Adonis中)表示任何url(*)都将呈现“ho