其他分享
首页 > 其他分享> > react组件化开发

react组件化开发

作者:互联网

react组件化开发

1、软件工程借鉴建筑思想
1、类组件
rcc(react class component)
2、函数组件
rfc(react function conponent)
3、局部刷新组件
rcp (reeact class pureconponent)
2、react中生命周期
在这里插入图片描述
3、认识组件间的通信
注意chlidCpn为内部名词不能使用
在这里插入图片描述

4、参数propTypes
对于传递给子组件的数据,有时候我们可能希望进行验证,特别是对于大型项目来说:
在组件上添加propTypes来实现验证(这个不是原型挂载prototype)
在这里插入图片描述

5、实例
1、计算器
在这里插入图片描述

2、父子组件传递
在这里插入图片描述

父传子方法和属性 子调用父方法和属性
3、不可变数据的力量
在这里插入图片描述

6、Context应用场景
在这里插入图片描述

如果要使用默认值 直接去掉userContext.Provider这层包裹

7、React更新机制
在这里插入图片描述

8、PureComponent对比Component
PureComponent有改变的地方重新渲染,Component全部渲染,Component通过memo也可以实现
9、事件总线
yarn add events
在这里插入图片描述

标签:Component,react,propTypes,开发,组件,PureComponent,class
来源: https://blog.csdn.net/weixin_43787308/article/details/114004638