【学习打卡】第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使用注意：

1. 只在顶层使用hook
2. 不再普通函数中使用hook
   其他hook：
   useCallback性能调优，在多次渲染中记住某个函数，再次渲染不需要新建对象