草庐IT

react-promise

全部标签

javascript - 有没有更好的方法在 React Component 类中绑定(bind) 'this'?

我目前正在开发一个React应用程序,我发现当一个组件类有很多功能时必须绑定(bind)this有点麻烦。例子classFooextendsComponent{constructor(props){super(props);this.function1=this.function1.bind(this);this.function2=this.function2.bind(this);this.function3=this.function3.bind(this);}function1(){...}function2(){...}function3(){...}}有没有更有效的方法来做

javascript - 如何导出 promise 结果?

这段代码工作正常。在所有promise成功解决后,我只需要导出数据变量。我无法将此代码用于函数和导出变量。因为在这种情况下,此函数将导出一个空数组。'usestrict'importurlsfrom'./urls'importgetDatafrom'./get-data'getData(urls).then((responses)=>{constdata=[]constresults=responses.map(JSON.parse)for(leti=0,max=results.length;iconsole.log(error)) 最佳答案

javascript - 如何根据 Material UI (React JS) 中的要求制作一个 'Select' 组件

除非有选择的选项,否则我想用红色显示错误。有什么办法吗。 最佳答案 要使用MaterialUI设置必填的Select字段,您可以:classSimpleSelectextendsReact.PureComponent{state={selected:null,hasError:false}handleChange(value){this.setState({selected:value});}handleClick(){this.setState(state=>({hasError:!state.selected}));}rende

javascript - React props : Should I pass the object or its properties? 有多大区别?

在传递props时,我应该将整个对象传递给子组件,还是应该先在父组件中单独创建props,然后再将这些props传递给子组件?传递整个对象:首先单独创建需要的Prop:哪个是首选,如果它取决于,我应该使用什么作为衡量标准来使用其中一个? 最佳答案 根据theprincipleofleastprivilege,这是正确的方法:这会限制InnerComponent意外修改原始对象或访问不适合它的属性。或者,可以从原始对象中选取属性并将其作为Prop传递:如果有许多属性难以列出,可能只有一个prop接受一个对象:

javascript - React Native - 动画宽度收缩

在我的ReactNative应用程序的标题中,我有一个条件图标和一个Searchbar.staticnavigationOptions=({navigation})=>{const{params={}}=navigation.state;return{headerTitle:({params.isIconTriggered&&}),headerStyle:{backgroundColor:'#e54b4d',},};};通常,搜索栏会占据标题的整个宽度,这正是我想要的。如果条件isIconTriggered为真,一个图标将出现在Searchbar前面,SearchBar的宽度将收缩到足

javascript - 在 react.js 中渲染新元素 onClick

我是新手,正在尝试在点击时呈现新元素:varLoginButton=React.createClass({............................clickHandle:function(){this.rememberMe={active:localforage.getItem('rememberMe',function(err,key){returnkey;})};if(this.rememberMe.active==true||this.rememberMe.active=='checked'){document.getElementById('loginForm'

javascript - 将 webpack 与 babel 和 babel-preset-react 以及 babel-preset-es2015 一起使用

我正在尝试转换编译我的react/es6代码并且来自browserify。由于新的babel6版本以及大多数教程现在已经过时的事实,我正在努力创建一个webpack构建。这适用于我的.babelrc:{"presets":["react"]}但是当我把它改成这样的时候:{"presets":["es2015","react"]}它抛出这个神秘的错误:./client/App.js中的错误模块构建失败:错误:您为我们提供了节点类型“NumericLiteral”的访问者,但它不是有效类型如果有帮助的话,这是我的webpack.config.js:module.exports={entry

javascript - Angular 2 - 如何在标题中编写 Http get promise?

Angular2-如何编写Httpgetpromise?我正在导入http并希望使用我的身份验证token设置httpheader。然后我想写一个httpget并将响应放入promise中以返回调用它的方法。到目前为止我有这个:import{Http,Headers}from"angular2/http";import{EnvironmentService}from'./environmentService';exportclassAuthService{privateenvironmentService:EnvironmentService;privatehttp:Http;priv

javascript - 在 React Redux 应用程序中检测网络连接 - 如果离线,则对用户隐藏组件

我正在使用谷歌的自动完成API来改进我表单中的地址输入。我正在使用GoogleMapsLoader加载器,它会在加载后调度操作:GoogleMapsLoader.onLoad(function(){store.dispatch(GoogleActions.loaded());});在React组件中我有以下输入:if(google.status==='LOADED'){inputGoogle=AutoComplete:this.loadAutocomplete(el)}type="text"/>;}else{inputGoogle='';}loadAutocomplete方法(不确定这

javascript - 在 react 组件中获得 promise 值

我的组件中有一个辅助函数。当我console.log(helperFunction())它时,我在控制台中得到了它。当我尝试将辅助函数添加到输入字段以获取其值时。我得到这个显示。如何在输入中获取[[PromiseValue]]?render(){console.log(getProjectName());return(this.eventForm=input}onSubmit={(e)=>this.createEvent(e)}className="slds-form">AssignedTothis.assigned=input}type="text"className="slds-i