前端面经 React 组件常见的声明方式
react类组件和函数式组件
函数组件返回值的内容就是要渲染的内容
函数组件使用useState更新状态 ,使用类中变量更新
常见hook
官方 :
- useEffect 处理副作用,请求API
- useState 更新UI
- useLayout 同步更新,会阻塞进程,执行时机在dom元素完成加载后,浏览器绘制之前
- useMemo缓存计算结果,做优化
- useCallback缓存一个cb,做优化
- useRef 在组件生命周期中保持全局不变 或者 定位一个具体的元素
- useReducer 使状态变量更加可控 每一次的状态改变需要根据具体的action对象进行
- useContent构建上下文 生产消费的模式
非官方:
- ahooks
- react-use
第三方库提供的hooks
- useLocation
- useNavigate