
React
S-Hang
专注于技术的一枚小白
展开
-
useMemo的基本使用
useMemo对函数返回结果进行缓存,即使页面没有用到,也会在首次渲染或依赖更新时执行。原创 2022-03-17 20:21:48 · 798 阅读 · 0 评论 -
useCallback的基本使用
函数式组件中,useCallback对函数进行缓存,组件再次更新时会根据依赖是否变化决定选用缓存函数还是新函数。一般会在嵌套组件中,与函数式组件的memo和类组件的PureComponent一起使用【会对传入props参数逐个进行浅比较决定是否需要更新】,来提高页面性能。原创 2022-03-17 20:18:46 · 12790 阅读 · 1 评论 -
useEffect的基本使用
函数式组件useEffect为模拟class组件的生命周期钩子副操作;侧重effect和return销毁函数的执行时机原创 2022-03-17 20:11:21 · 976 阅读 · 0 评论 -
useState的基本使用
useState的基本使用:setXXX属于异步更新,传参最好是函数方便多次setXXX时状态复用,注意传入新对象才会触发更新。原创 2022-03-17 20:08:57 · 2005 阅读 · 0 评论 -
React 类组件和hooks函数式组件对比
在学习时,先接触的class组件之后才是带有hooks的函数式组件。可能是自己大脑更偏向于有了这种方式解决干嘛又要学另外的,自己也比较清楚this的指向问题,所以就更偏向于使用class组件。可是,视频课以及各种文章都在推崇hooks,打算静下心来了解一下两者区别(目前未进行过react项目开发,仅仅代表当前阶段的认知,轻喷~)React的class组件和有hooks后的函数式组件都可以进行内部状态保存及生命周期的执行。类组件函数式组件性能class编译es5后会多出一堆辅助.原创 2021-10-11 11:38:31 · 1176 阅读 · 0 评论