草庐IT

react-promise

全部标签

javascript - 返回值而不是 promise [停止嵌套的延迟 promise ]

我有一堆嵌套的函数,因为顶级函数是一个ajax请求。所以我想在嵌套子函数中返回一个值而不是一个promise。父级letgetUserPermissions=function(id){letdeferred=$q.defer();letpromise=accessRequestService.getPermissions(id);promise.then(function(data){deferred.resolve(data);},function(err){deferred.reject(err);})returndeferred.promise;}child1$rootScope

javascript - 在 react 中上传和读取文件

我尝试使用React上传文件并查看其内容,但它给我的是C:\fakepath\。我知道它为什么会给出fakepath,但是在React中上传和读取文件内容的正确方法是什么?handleChange:function(e){switch(e.target.name){case'myFile':constdata=newFormData();data.append('file',e.target.value);console.log(data);default:console.error('ErrorinhandleChange()');break;}}, 最佳

javascript - 我如何将 React 与 Google Places API 结合使用,以在 Google map 上显示地点标记?

我正在尝试构建与onAirbnb类似的map,您可以在其中四处拖动map时查看地点标记。我想在map上显示来自GooglePlacesAPI的“酒店”标记。使用来自GoogleMaps的以下JavaScript代码,我可以在谷歌地图上显示酒店,但我想用React来做这件事,使用react-google-maps.Placesearches/*Alwayssetthemapheightexplicitlytodefinethesizeofthediv*elementthatcontainsthemap.*/#map{height:100%;}/*Optional:Makesthesamp

javascript - react-apollo gql, TypeError : Object(. ..) 不是函数

我有一个App组件,我正在将其包装到apollo提供程序中:importReact,{Component}from"react";import{observer,Provider}from"mobx-react";import{BrowserRouterasRouter}from"react-router-dom";importstyledfrom"styled-components";import{ThemeProvider}from"styled-components";//graphQLimport{ApolloClient}from"apollo-client";import{

javascript - 人们更喜欢使用 React 组件的构造函数而不是 componentWillMount 有什么原因吗?

我发现使用生命周期方法componentWillMount来设置初始状态...componentWillMount(){this.state={comments:[]};}...比使用构造函数稍微简单一些。即因为当您使用构造函数时,您有调用super()。constructor(){super();this.state={comments:[]};}不仅如此,如果您的组件传递了props和/或state,那么您还必须手动传递它们。constructor(props,state){super(props,state);...}我在使用componentWillMount时没有遇到任何问题

javascript - 在从我的 promise /功能返回之前等待 forEach 完成

我正在使用FirebaseCloudFirestore,但是,我认为这可能更多是JavaScript异步与同步promise返回问题。我正在执行一个查询以从一个集合中获取ID,然后循环遍历该查询的结果以根据该ID从另一个集合中查找单个记录。然后我想将找到的每条记录存储到一个数组中,然后返回整个数组。results.length始终为0,因为returnresults在forEach完成之前触发。如果我从forEach内部打印results.length它有数据。我如何才能等到forEach完成后再从外部promise和外部函数本身返回?getFacultyFavoritesFireba

javascript - 在 JSX 中使用 React.cloneElement()

我想知道如何在JSX中使用cloneElement语法。我阅读了文档并尝试了示例,但仍然没有任何线索。classABCextendsReact.Component{constructor(props){super(props)}render(){return({React.cloneElement()})}} 最佳答案 根据documentation:CloneandreturnanewReactelementusingelementasthestartingpoint.Theresultingelementwillhavetheo

javascript - React - 在添加新元素后刷新数据列表的最佳做法是什么?

我正在构建一个简单的待办事项列表。我有一个用于添加新的待办事项列表项的表单,在它下面列出了待办事项列表中的所有项目。当我通过表单添加新项目时,我想刷新现有待办事项列表。项目.jsx:classItemsextendsReact.Component{constructor(props){super(props);this.state={items:[],loading:true};}componentDidMount(){axios.get('/api/v1/items').then(response=>{this.setState({items:response.data,loadin

javascript - React 导入前的 '@' 是什么意思?

这个问题在这里已经有了答案:Whatisthemeaningofthe"at"(@)prefixonnpmpackages?(4个答案)关闭4年前。我将在React中看到如下所示的导入:import{object}from'@library/component'@指的是什么,这是什么类型的导入?谢谢!

javascript - 在 React setState 函数中使用 e.target.value 的问题

我在React中遇到了一个奇怪的问题。我想我可能还没有完全掌握React的工作原理,非常感谢您的帮助。请在下面找到我的React组件:classmyComponentextendsComponent{state={value:''}updateValue=e=>{this.setState({value:e.target.value})}render(){return()}}然后,现在如果我在文本字段中键入内容,我将收到以下警告和错误:警告:出于性能原因重用此合成事件。如果您看到这一点,则表示您正在访问已发布/已取消的合成事件的属性target。这被设置为空。如果您必须保留原始合成事件