React-Native-ES6语法-2
1、let
声明一个块范围变量
使用let语句声明一个变量,改变量的范围限于声明它的块中。可以在声明变量时为变量赋值,也可以稍后给变量赋值
使用let声明的变量,在声明前无法使用,否则将会导致错误
如果未在let语句中初始化变量,则将自动为其分配undefined

ES6建议不再使用var声明变量,而是使用let
2、Props属性
<>组件有两种:
一种是React-Native自带的组件,有自带的属性,如<source>
一种是自定义组件,外部通过JSX标签方式使用自定义组件
<>组件的属性有三类:
style属性,用于指定组件的样式,style的值是一个对象,{{fontSize:20,textAlign:'center',margin:10}}
这里面的Key一般来说都是固定的,不能自己再定义一些Key,注意对于所有的属性,如果要赋值一
个对象{.....}给它,那么需要再加一层{ }
自带属性,比如<Image>组件的source属性,source = {{url:'www.baidu.com/lele.png'}}
自定义属性,如给组件添加一个name='xiaomo' 或者 title={{crItem:100589,rpmName:t-hello}}
一般来说,自定义的属性值,都是想要在组件内通过 this.props.title 的方式获取使用的
3、JSX语法
在组件标签中用 {Js表达式} 才是JSX替换语法,可以是任何的合法的JS表达式

浙公网安备 33010602011771号