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
<input ref={(inst)=>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指的是类对象
	所以函数推荐写箭头函数

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

花生糖葫芦侠

创作不易,请多多支持!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值