- 前置
- 学习面试视频
- 总结react hooks
react-hooks
- react-hooks为函数组件提供了一些hook，使得函数组件可以维护自身的state、生命周期。
react-hooks的优点
- 代码量及babel编译后的代码量更少
- 无需要通过bind改变this指向
- 无需要关心繁琐的生命周期函数
- 解决了组件地狱的问题
什么时候选择react-hooks
疑问
- 什么是组件地狱？hooks如何解决了组件地狱的问题
- 为什么 useState 返回的是个数组
- hooks对性能上有什么提升？如何做到的提升？
- 能覆盖到class的所有生命周期么？
- react会有哪些副作用?
- hook是如何挂载到函数组件上的?
- 开发模式为什么状态组件会渲染两次？
- 如果在首页的ReactDOM.render中使用了React.StrictMode模式，有状态组件会默认渲染两次，帮助开发者检查由于副作用带来的bug。生产模式只渲染一次。去掉React.StrictMode可关闭渲染两次的机制。
- 疑问巩固
https://juejin.im/post/6844903958968795149#heading-7
高赞博客总结
https://zh-hans.reactjs.org/blog/2020/05/22/react-hooks.html
扩充学习
- React Context的使用方式
- immutable的使用方式
网友评论