1. 前言
单个的知识点比较散,文章也比较多了,这篇就针对常用的东西,来个总结性的文章
2. 创建组件的方式
2.1 纯函数式组件
没有state 和生命周期钩子
2.2 类组件
有 state和 生命周期钩子
2.3 高阶组件 HOC
本身其实是一个函数,参数是组件
2.4 Hooks组件
使函数组件,可以有state 和 钩子
2.5 自定义 Hooks
其实这个就是自己定义 hook 来写state等
2.6 render props
将一个组件内的 state 作为 props 传递给调用者, 调用者可以动态的决定如何渲染.
这个其实应该拿来和 高阶组件/HOC来对比
3. 通信方式
3.1 单个组件内部传递数据
state
3.2 父组件向子组件传递
props
3.3 子组件向父组件传递
props
3.4 兄弟组件
porps
3.5 父组件向后代组件传递
props
Context API
Redux React Redux Mobx 第三方的
EventBus 和vuex一样 事件总线的概念
发布-订阅模式 自己没试过
3.6 跨级组件
Context API
Redux React Redux Mobx 第三方的
EventBus 和vuex一样 事件总线的概念
发布-订阅模式 自己没试过