码迷,mamicode.com
首页 > 其他好文 > 详细

react 语法细节总结说明

时间:2017-03-16 20:07:20      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:字段   查看   bsp   接口   order   ons   margin   return   object   

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。

 

                                   

react 语法细节总结说明

标签:字段   查看   bsp   接口   order   ons   margin   return   object   

原文地址:http://www.cnblogs.com/AnnieBabygn/p/6561109.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!