【學(xué)習(xí)打卡】第13天 React18+TS高仿AntD從零到一打造組件庫 Typescript
课程名称:2022升级 React18+TS高仿AntD从零到一打造组件库
课程章节: 第3章 神奇的 React 配合 typescript,完美输出
主讲老师:张轩
课程内容:
今天学习的内容包括:
3-15 useContext - 解决多层传递属性的灵丹妙药
3-16 hook 规则和其他 hook
课程收获:
在Hooks出来之前,开发者都是使用的class组件,通过props传值。现在使用方法组件(Function)开发了,没有constructor构造函数也就没有了props的接收,所以父子组件的传值就成了一个问题。
React Hooks就为我们准备了useContext来解决这个问题。
1.useContext可以帮助我们跨越组件层级直接传递变量,实现数据共享。
这里要注意的是,很多同学觉得可以使用useContext结合useReducer来替代redux,其实两者的作用是不同的。
useContext:解决组件间传值的问题。
redux:统一管理应用状态。
所以,我们可以使用useContext结合useReducer来模拟一个小型redux场景,而无法替代redux
2.Context的作用就是对它所包含的组件树提供全局共享数据的一种技术。
hook使用注意:
- 只在顶层使用hook
- 不再普通函数中使用hook
其他hook:
useCallback性能调优,在多次渲染中记住某个函数,再次渲染不需要新建对象
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦