react 语法细节总结说明

Posted 2020-09-05 Ning静致远

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。