首页 > 代码库 > react 语法细节总结说明

react 语法细节总结说明

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 = http://www.mamicode.com/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。

 

                                   

<style>p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 }</style> <style>p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 }</style> <style>p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 }</style>

react 语法细节总结说明