这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天
本节课的重点内容
- react的设计思路
- react的hooks写法
- react的状态管理
本节课的思维导图
react的设计思路
react的主要的设计思路是组件化
- 组件声明了状态与UI的映射，当状态改变时，改变UI
- 组件中有两种状态：Props,State,Props主要是父组件与子组件中间的状态传递，而State主要是组件之间内部状态
- 组件之间可以嵌套
react的hooks写法
在课程中主要讲解了两种hooks,分别是useState（）与 useEffect()
所谓的React Hooks就是将组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进来,也就是将函数挂载到生命周期函数上执行。
课堂上还通过一个小案例使用了一下useState（）与 useEffect()，还有一个注意点： 不要在循环，条件，嵌套函数中使用Hook
react的状态管理
react状态管理的主要思想是将状态抽离到UI外部进行统一管理。 我们都知道在UI中，数据都是依赖的，当一个数据发生变化时，另一个数据很可能也要变化，因此需要进行数据的传递，但有时数据的传递太过复杂，组件需要嵌套太多层，这是可以使用react的状态管理，将状态抽离到UI外部进行统一管理。
这张图我觉得可以很形象地表达出react的状态管理，将一些公共的状态存放在Store中，组件需要的时候再从中获取。
结尾
对于react，我学习的不多，但是目前我正在学习，通过这次课程，我对react多了一些了解，也算是有所收获。
