react02

复习
环境搭建
jsx
渲染列表
组件
渲染对象

jsx的原理
jsx注意事项

今日内容

展开运算符
引用传递
浅拷贝

对象的浅拷贝,扩展运算符,object.assign
jsx中的注释

refs节点
两种方式
ref=字符串
ref={(node)=>this.属性=node}this属性就可以拿到dom节点
this.refs用ref标识节点

类组件才有refs

componentDidmount
this.refs.text

state(状态)
setstate(会自动触发reander)
constructores构造函数
super(调用父类的方法)
实例化
new有四个步骤

计数器案例
.bind(this)
this指向问题
1箭头函数
2构造函数里面bind

实例化new
1产生一个实例对象
2,改变this指向实例
3,执行函数
4,返回对象

。call借用构造函数

继承
属性的继承
方法的继承‘

setstate
1)异步的
2)连续执行对象会合并

this.setstate(prevstate)

解构赋值

挂载阶段常用的三个钩子函数
reander
constrouacter
comdidcomponent

捕获键盘事件
keyup
事件处理函数最后一个参数就是事件处理对象

push返回值是长度

受控组件与非受控组件
受控组件:他的值来自于state这个组件就是受控组件否则就是非受控组件

发布了6 篇原创文章 · 获赞 0 · 访问量 369

猜你喜欢

转载自blog.csdn.net/wch13006332573/article/details/104629691