草庐IT

react-promise

全部标签

javascript - 实现 Promise.series 作为 Promise.all 的替代品

我看到了Promise.all的这个示例实现-它并行运行所有promise-ImplementingPromise.all请注意,我正在寻找的功能类似于Bluebird的Promise.mapSerieshttp://bluebirdjs.com/docs/api/mapseries.html我正在尝试创建Promise.series,我有这个似乎按预期工作(它实际上是完全错误的,不要使用它,查看答案):Promise.series=functionseries(promises){returnnewPromise(function(resolve,reject){constret=P

javascript - 如何使 webpack typescript react webpack-dev-server 配置以自动构建和重新加载页面

我的意图是有这样的目录结构:-/my-project/--/src/(hereareall.tsxfileslocated)--/dist/-index.html-/build/-bundle.js--/node_modules/--package.json--tsconfig.json--webpack.config.js所以,我想要我的index.html,它是在/dist子目录中手动创建的,在它里面我想要/buildsubdir,webpack制作的app.js所在的位置。我希望当我保存一些位于我的/src目录中的.tsx文件时,webpack会自动重建app.js并且webpa

javascript - 以 react 形式设置 Angular 2 FormArray 值?

这里已经有一个类似的问题(SettinginitialvalueAngular2reactiveformarray)但我对答案不满意或者可能正在寻找其他解决方案。我认为FormArray的全部意义在于传递对象数组,它应该创建相同数量的组件。但是在上面的例子中,如果你查看提供的plunker,即使在提供了两个Addresses对象之后,一个Address也被创建了,因为它的空白版本已经在ngOnInit()中创建了。所以我的问题是,如果在ngOnInit()中我有这样的地址:this._fb.array([])//空白列表,那么我应该如何设置它的值,以便它从我的TypeScript数组中

javascript - 类型 'subscribe' 上不存在属性 'Promise'

我仍然对rxjs的工作原理感到困惑。我正在构建一个向我的服务器发出请求并期望json的Ionic应用程序。我已经成功订阅了一个http.post并获得了我需要的数据。但是现在我的问题是我需要在从Storage获取的http请求中传递一个授权token。这是一个问题,因为我需要等到存储准备就绪,然后在调用http.post请求之前从中获取token值。这是我试图获取我的json数据的地方getPlanograms(){//APIURLletrequestURL='https://myapiurlhere';letheaders=newHeaders({'Content-Type':'ap

javascript - 使用 TypeScript 和 React 输入 redux forms v7

我有一个简单的react-redux驱动的表单。我希望有一个form.container.tsx和一个form.component.tsx,其中form.container.tsx包含与redux状态减去Field的所有连接。我试图将我的容器包装在react-redux的连接中,然后将reduxForm包装在其中,看起来像TypeScript,redux-formandconnect:(理想)form.container.tsx:interfaceDummyFormContainerProps{}exportconstDummyFormContainer:React.SFC=props

javascript - 如何在 REACT 中每分钟为仪表板调用 API

我在React中制作了一个仪表板。它没有主动更新,没有按钮、字段或下拉菜单。它将部署在壁挂电视上以供观看。所有面板(总共9个)都通过API调用更新。初始调用(如下所示)有效,所有JSON数据都已获取,仪表板已初始更新。底线问题:我需要在首次调用后每30秒到1分钟调用一次API以检查更新。我已经按照这里回答其他人问题的人的建议尝试在componentDidMount()中使用“setInterval”,但我收到错误消息“await是一个保留字”。我已经阅读了有关forceUpdate()的内容,考虑到facebook/react页面对它的描述,这对于我的用例来说似乎是合乎逻辑的。但是,我

javascript - 为什么箭头语法优先于功能性 React 组件的函数声明?

我总是看到用箭头函数语法定义的函数式React组件的示例:constfoo=()=>(...);exportdefaultfoo;而不是更传统的函数声明语法:exportdefaultfunctionfoo(){return...;}是否有理由更喜欢前者而不是后者? 最佳答案 我会说这确实是一个有点自以为是的选择。我(个人)将箭头函数用于纯功能组件视为非常糟糕的做法至少有几个原因。这是那些:语法滥用。当我们定义功能组件时,我们不需要将其上下文预先绑定(bind)到特定范围。上下文(this)在模块命名空间中无论如何都将是undefi

javascript - 停止 AngularJS promise 链

我正在尝试找出一个好方法来表达“做所有这些事情,但在其中任何一个失败的情况下保释”我现在拥有的:vardefer=$q.defer();this.load(thingy)//returnsapromise.then(this.doSomethingA.bind(this)).then(this.doSomethingB.bind(this)).then(this.doSomethingC.bind(this)).then(this.doSomethingD.bind(this)).then(function(){defer.resolve(this);});;returndefer.p

javascript - 另一个组件中的 React JS 引用函数

我正在尝试通过另一个组件呈现一个按钮,以引用和/或影响不同组件的状态。varInputs=React.createClass({getInitialState:function(){return{count:1};},add:function(){this.setState({count:this.state.count+1});},render:function(){varitems=[];varinputs;for(vari=0;i);items.push();}return({items});}});我想编写一个新组件,该组件将能够访问Inputs中的add函数。我尝试像这样用I

javascript - react .js : Is it possible to namespace child components while still using JSX to refer to them?

假设我有一个名为ImageGrid的组件定义如下:window.ImageGrid=React.createClass({render:function(){return();}});如您所见,它包含一个名为ImageGridItem的子React组件。.其定义如下。window.ImageGridItem=React.createClass({render:function(){return(something);}});只要两者都是window的直接属性,这就可以正常工作.但这有点可怕,所以我想将我所有的react组件分组到window.myComponents的命名空间下。例如。