React重点难点

1.在类中

state = {
    name:'jack'
}
上面写法是给组件对象实例添加属性

static propTypes = {
        comments:PropTypes.array.isRequired
    };
上面写法是给组件类添加属性约束

2.关于大括号小括号

一般{}代表Js函数()代表html语法

但是在箭头函数中
(key)=>key+key
其中=>代表函数体加返回
如果加{}代表函数体,则需要加return关键字
(key)=>{return key+key}
如果返回对象则需要保证{}不被理解为函数体
(key)=>({key:key})
1.ref
相当于标签唯一标示
ref=appz

再次获取标示
this.refs.appz

简单写法为字符串
但是并不推荐这么做

推荐写法
inst为实例本身即input
this.input2 = inst} type="text"/>
1.render方法中的this
	指的是所属的类组件

2.类的function的this
	指的是windows对象
	如果方法中需要用到类中的state或者prop需要绑定this到类组件
	在类构造方法中this.handleClick = this.handleClick.bind(this);

3.箭头函数的this
	因为没有自己的this,所以箭头函数的this指的是类对象
	所以函数推荐写箭头函数

 

你可能感兴趣的:(React教程系列)