草庐IT

react-promise

全部标签

javascript - 为什么来自 Promise `.then` 方法的回调是一种反模式

我在StackOverflow上看到了人们建议为AngularJS服务提供回调函数的答案。app.controller('tokenCtrl',function($scope,tokenService){tokenService.getTokens(functioncallbackFn(tokens){$scope.tokens=tokens;});});app.factory('tokenService',function($http){vargetTokens=function(callbackFn){$http.get('/api/tokens').then(functionon

javascript - 如何监听 Ace Editor 更改事件并使用react

onchange事件如何在ACE编辑器(https://ace.c9.io/#nav=api&api=editor)中工作的示例是什么,当有onchange事件并将新文本发送到div? 最佳答案 参见https://jsfiddle.net/ralf_htp/hbxhgdr1/和http://jsfiddle.net/revathskumar/rY37e/HTMLEditorgofunctionfoo(items){varx="Allthisissyntaxhighlighted";returnx;}Outputishere(cli

javascript - 如何使用 React TransitionMotion willEnter()

使用ReactMotion'sTransitionMotion,我想为1个或多个盒子制作动画。当一个盒子进入View时,它的宽度和高度应该从0像素到200像素,它的不透明度应该从0到1。当盒子离开View时,相反的情况应该发生(宽度/高度=0,不透明度=0)我已经尝试在这里解决这个问题http://codepen.io/danijel/pen/RaboxO但我的代码无法正确转换框。框的样式会立即跳转到宽度/高度为200像素的位置,而不是过渡进去。代码有什么问题?letMotion=ReactMotion.MotionletTransitionMotion=ReactMotion.Tra

javascript - React 组件和模块导出

我不明白module.exports如何只能导出一个依赖于子组件但仍呈现在DOM中的组件,尽管该子组件从未导出过。//组件.jsvarSubComponent=React.createClass({...});varComponent=React.createClass({...render:function(){return(stuff`)}});module.exports=Component//main.jsvarComponent=require('./component.js');varMainContainer=React.createClass({render:funct

javascript - 将 React 组件从函数重构为 ES6 类

我是ES6的新手。对编写React组件的不同方式感到有点困惑。我从“React.createClass”开始,然后转向使用ES6类语法“扩展React.Component”。按照Redux教程,现在我看到他们以这种方式定义组件importReact,{PropTypes}from'react'constTodo=({onClick,completed,text})=>({text})Todo.propTypes={onClick:PropTypes.func.isRequired,completed:PropTypes.bool.isRequired,text:PropTypes.st

javascript - React/Redux,如何获取用户输入

我正在关注usagewithReactRedux教程。我真正不明白的是如何检索用户输入。他们构建了一个FilterLink容器,其mapDispatchToProps是constmapDispatchToProps=(dispatch,ownProps)=>{return{onClick:()=>{dispatch(setVisibilityFilter(ownProps.filter))}}}因此它将自己的Props.filter注入(inject)连接的展示组件。如果我们去看看这个容器是如何构造的constFooter=()=>(Show:{""}All{","}Active{",

javascript Promise.all 只返回最后一个 promise

我有一个这样的脚本:vara=[{'a':1},{'b':2}]varallPromises=newArray(a.length)for(variina){allPromises[i]=Promise.resolve().then(response=>{console.log(i)console.log(a[i])//Dosomethigoneveryloopwithkeyandvaluereturni})}Promise.all(allPromises).then(response=>console.log(response))在我的for循环中,它只给我最后一个索引和最后一个索引的

javascript - 在 promise 解决后修改组件状态

我想在promise解决后修改组件的状态(reactnative)。这是我的代码:classGreetingextendsComponent{constructor(props){super(props);this.state={text:'Starting...'};varhandler=newRequestHandler();handler.login('email','password').then(function(resp){this.setState({text:resp});});}render(){return(Resp:{this.state.text});}}但是当

javascript - 在哪里放置用于在 React 应用程序中加载初始服务器数据的逻辑?

我正在使用React-Redux构建应用程序。要为React智能组件加载初始数据,我需要在将发生服务器数据请求的地方分派(dispatch)一个Redux操作。我已经尝试在构造函数(ES6实现)、componentWillMount和componenetDidMount中分派(dispatch)操作。他们都工作了。我的问题是:在React智能组件中是否有推荐的位置应该调度操作。 最佳答案 编辑:DanAbramovrecentlystatedInfutureversionsofReactweexpectthatcomponentWi

javascript - Promise.all() 使用 Backbone 解决 IE 11

背景:我的任务是帮助解决出现以下错误的问题:'Promise'isundefined'这是我们的sessionsmodel.js脚本的一部分:returnPromise.all(promises);promises是一组需要发生的操作,如果有任何失败,它将被拒绝。问题:根据我的研究,IE不支持Promise那么是否有解决方法可以应用于此返回值来完成同样的事情? 最佳答案 由于您使用的是Backbone,所以promise可能是jQuerypromise。你可以使用jQuery.whenfunction与Promise.all相同:r