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,返回对象

扫描二维码关注公众号,回复: 9562509 查看本文章

。call借用构造函数

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

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

this.setstate(prevstate)

解构赋值

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

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

push返回值是长度

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

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

猜你喜欢

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