chapter2(6-16)react面向组件编程

1.定义组件 2.渲染组件标签

方式1:工厂函数(简单组件:没有状态的组件);方式2:ES6类组件(复杂组件:有状态的组件)

对于方式2中的3大属性state、props、refs

 

 

 

2)已经过时了,现在用pro-type库代替

 

 

 

 refs

 

 

 

 箭头函数,箭头函数后没有大括号,箭头表示函数和返回,有大括号表示函数体

 

 

子组件不能直接改变父组件的状态,状态在哪个组件,更新状态的行为就应该定义在哪个组件。

父组件定义函数传递给子组件,然后子组件去调用改变父组件状态的值

 ex:

 

 

 

 

 

 

 

 

 

 

 

阻止提交,change事件,在react中如何收集表单输入数据

 

 

 

 

 

组件的生命周期(组件对象)

 透明度:

 

 

 

 

 

 

 

 

 

 

 componentWillReceiveProps() 组件将要收到的属性

 

虚拟DOM与DOM Diff算法

 

 

 

 

 

 

 

 

 

posted @ 2019-09-23 14:06  onyli  阅读(155)  评论(0)    收藏  举报