草庐IT

react-promise

全部标签

javascript - 如何在 react 中访问子状态?

我用render()方法制作了自己的表单组件,如下所示:render(){return(this._form=c}>{this.props.children})}请注意,子项在这里呈现为{this.props.children},因此用户可以像这样使用此组件:Pošalji我想在onSubmitMethod()中检查每个Input组件的状态(以获取其有效性)。checkValidity(){varsefl=this;this.props.children.map((child)=>{if(child.type.name==="Input"){//Howtogetstateofchild

javascript - 当包装在 <Grid> 中时,组件将失去对存储的访问权限(react-inline-grid)

我正在使用react-inline-grid,一旦我用包装我的组件,包装的组件似乎失去了对商店的访问权限:UncaughtTypeError:Cannotreadproperty'currentStep'ofundefined代码:classAppextendsComponent{componentDidMount(){const{dispatch}=this.props;dispatch(loadData());}render(){return();}}constmapStateToProps=state=>({app:state.app});exportdefaultconnect

javascript - 功能类似于 Promise.some/any 未知数量的 promise

我正在node.js(V8.1.3)中创建一个脚本,它查看来自多个API的类似JSON数据并比较值。更准确地说,我正在查看不同股票(实际上是加密货币)的不同市场价格。目前,我正在使用promise.all等待来自各个API的所有响应。letfetchedJSON=awaitPromise.all([getJSON(settings1),getJSON(settings2),getJSON(settings3)...]);但是,即使只有一个promise因错误而被拒绝,Promise.all也会抛出错误。在bluebirddocos中有一个函数叫做Promise.some这几乎就是我想要

javascript - React Prop 类型与 Typescript

如果我在我的项目中使用typescript,那么React中prop-types的使用会过时吗?使用prop-types我将不得不经历定义类型的繁琐工作,但使用typescript,这一步将被取消。我的想法正确吗? 最佳答案 听起来不错。当您使用TypeScript时,您可以通过接口(interface)定义Prop。interfaceButtonProps{text:string,shadow?:boolean}constButton:React.FunctionComponent=props=>{return(/*[...]*/

javascript - React native 无法将读取权限(电子邮件)传递给发布授权请求

我正在ReactNative应用程序中实现fbsdk。我已经完成了link的所有更改,并在安卓设备上运行。单击Facebook登录按钮时应用程序崩溃,这些是日志。05-2310:42:20.5597063-7063/com.fbsampleE/AndroidRuntime:FATALEXCEPTION:mainProcess:com.fbsample,PID:7063Cannotpassareadpermission(email)toarequestforpublishauthorizationatcom.facebook.login.LoginManager.validatePubl

javascript - React - 将数组映射到子组件

我正在编写一个包含多个页面的网站。页面ComponentA有一个子组件,该子组件返回带有标题和段落的部分。ComponentA中的数组将数据作为Prop传递给child。在child内部,map函数返回正确的段落。标题缺少什么,如何将title1传递给paragraph1,将title2传递给paragraph2等等?组件A:importChildfrom"../components/child";constComponentA=()=>{HomePage}constinfo={title:["Title1","Title2"],text:["Paragraph1","Paragrap

javascript - meteor 中带有 chart.js 的 react 图表

我正在使用chart.js在meteor应用程序中生成图表。这是我的代码functiondrawChart(){vardata=[{value:Policies.find({'purchased_cover.trip_type':'SingleTrip'}).count(),color:"#F38630"},{value:Policies.find({'purchased_cover.trip_type':'AnnualMulti-Trip'}).count(),color:"#E0E4CC"},{value:Policies.find({'purchased_cover.trip_t

javascript - propTypes isRequired 约束在 react 中的误导行为

我对react(或者说网络技术)很陌生。我开始构建一个使用不同组件的应用程序。当我浏览文档时,我认为将isRequired放在propTypes中,会强制用户在使用组件时提供所有isRequired属性。但是,在此示例中,即使我不传递isRequired属性,我也能够加载组件。varPanelPreview=React.createClass({getInitialState:function(){return{captionIndex:0};},propTypes:{beforeSrc:React.PropTypes.string.isRequired,afterSrc:React.

javascript - 在 React 中,为什么我必须绑定(bind)一个 onClick 函数而不是调用它?

在thistutorial他使用带有绑定(bind)的onClick函数。当我像这样移除绑定(bind)时我得到一个错误UncaughtError:InvariantViolation:setState(...):Cannotupdateduringanexistingstatetransition(suchaswithinrender).Rendermethodsshouldbeapurefunctionofpropsandstate.我知道bind的作用,但为什么这里需要它?onClick不是直接调用函数吗?(代码在这个JSbin中:https://jsbin.com/gutiwu

javascript - ECMA6 生成器 : yield promise

据我了解,ECMA6生成器应该能够屈服于返回promise的函数,最终返回已解决/拒绝的函数。让代码读起来更像同步代码,避免回调hell。我正在使用带有--harmony和以下代码的node.jsv0.12.2。varsomeAsyncThing=function(){returnnewPromise(function(resolve,reject){resolve("I'mResolved!");});};someAsyncThing().then(function(res){console.log(res);});//Worksasexpected:logsI'mResolved!