react 语法细节总结说明
2017-03-16 19:01
127 查看
1.当要获取某个数据列表中的某个字段时,用“.”附加的形式。例如:获取user中的balance字段,用this.props.user.balance 来表示。
2.当要打印某个数据或字段结果时,console.log(); , 例如: console.log("获得的balance结果是=",this.props.user.balance);
3.如果进入界面之前,就想要打印看一些信息时,可以在componentWillMount 函数中打印查看。例如:打印用户信息,可以在这个函数中获取。包含该函数的组件被挂载前先调用,且只执行一次。
4.<TextInput maxLength={16}
ref="bidInput"
style={{height: 30, width: Window.width-40,borderColor:'black',borderWidth:1, marginLeft: 10}}
textAlign='center'
onChange={ e => this._transValue = e.nativeEvent.text}/>
分析如上代码的onChange的值: e.nativeEvent.text是本文编辑变化的值,将该值赋给现定义现用的this._transValue属性,之后获取编辑框中的值就可以直接用this._transValue值来得到。
5.在render中的return中就是界面渲染的结果,在render里,return外就定义一些变量属性之类的。
6.parseInt() 函数可解析一个字符串,并返回一个整数。
7.DOM:文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 }
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 }
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 }
2.当要打印某个数据或字段结果时,console.log(); , 例如: console.log("获得的balance结果是=",this.props.user.balance);
3.如果进入界面之前,就想要打印看一些信息时,可以在componentWillMount 函数中打印查看。例如:打印用户信息,可以在这个函数中获取。包含该函数的组件被挂载前先调用,且只执行一次。
4.<TextInput maxLength={16}
ref="bidInput"
style={{height: 30, width: Window.width-40,borderColor:'black',borderWidth:1, marginLeft: 10}}
textAlign='center'
onChange={ e => this._transValue = e.nativeEvent.text}/>
分析如上代码的onChange的值: e.nativeEvent.text是本文编辑变化的值,将该值赋给现定义现用的this._transValue属性,之后获取编辑框中的值就可以直接用this._transValue值来得到。
5.在render中的return中就是界面渲染的结果,在render里,return外就定义一些变量属性之类的。
6.parseInt() 函数可解析一个字符串,并返回一个整数。
7.DOM:文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 }
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 }
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 }
相关文章推荐
- React.js语法学习总结(一)
- React-redux-webpack项目总结之用到的Es6基本语法
- 《黑马程序员》 细节总结(Objective - c语法)
- React-redux-webpack项目总结之用到的Es6基本语法
- React.js语法学习总结(二)
- React(14)JSX 的一些语法说明
- Solr查询语法总结-参数说明
- 第036+037讲 php变量和基本语法 及整形细节说明
- ASP连接11种数据库语法总结
- 常用CSS缩写语法总结
- JSP 基本语法总结
- ASP数据库语法总结
- 常用CSS缩写语法总结
- 常用CSS缩写语法总结
- ASP连接11种数据库语法总结
- 总结一下细节问题
- ASP连接11种数据库语法总结
- ASP连接11种数据库语法总结[转]
- OLAP函数语法的总结
- VBScript语法速查及实例说明