试试是是

Hook 是一些可以让你在函数组件里“钩入” React state 及生命周期等特性的函数。Hook 不能在 class 组件中使用 —— 这使得你不使用 class 也能使用 React。

为什么要引入 hooks？ 1. 在组件之间复用状态逻辑很难。 2. 复杂组件难理解 3. class和this学习成本高

应用层 - 报文 （应用层、表示层、会话层合并为应用层） 传输层 - 报文段 网络层 - 数据报 链路层 - 帧 物理层 - bit流

- React - ReactDOM - React.Component - 生命周期 - DOM元素 - 合成事件 ....

直觉上我们会认为 Javascript 的代码是一行一行由上到下依次执行的。但实际上并不完全正确，有一种情况下这个假设是错误的。

函数中的作用域:JS 具有基于函数的作用域，这意味着每一个函数都会为自己创建一个作用域。 内部作用域可以访问外部作用域的变量，但是外部作用域的变量无法访问内部作用域的变量

-代码切割 - Context - ref - ref转发 -高阶组件 - render props - 错误边界 ....

词法作用域：由你写代码时将变量和块作用域写在哪里所决定，因此当词法解析器在处理代码时会保持作用域不变 无论函数在哪里被调用，也无论它如何被调用，它的词法作用域只由函数被声明时所处的位置决定

- JSX - 元素渲染 - 组件&props - state和生命周期 - 事件处理 - 条件渲染 - 列表 & key - 表单 - 状态提升 - 组合 vs 继承