react API
爱吃蟹黄堡的蟹老板
这个作者很懒,什么都没留下…
展开
-
useCallback 与 React.Memo之性能优化
组件优化useCallBack (缓存钩子函数)React.Memo (props浅比较)useCallBack (缓存钩子函数)使用场景:如果父组件将一个函数作为props参数传给了子组件,当父组件因为state或依赖的props发生变化时,子组件也会发生更新,因为每当父组件发生更新时内部的函数都会被重新创建,这导致依赖了这个函数的子组件也会被更新,这种情况就是useCallBack发挥作用的时候了。useCallBack官方描述React.Memo (props浅比较)类似于类组件React.原创 2022-03-23 17:03:27 · 972 阅读 · 0 评论 -
利用ReactDOM.createPortal 实现一个tooltip组件
/**一、创建btn和tooltip组件二、获取当前btn的几何属性和全局定位属性三、tooltip需要得到btn的几何属性和全局定位属性四、tooltip根据btn的位子几何信息进行定位(当滚轮滑动时重新定位tooltip)五、创建点击事件、点击btn反转display状态、点击不再tooltip中 隐藏tooltip用到的api useRef useEffect usestate createPortaluseRef:作用在实际的元素上可以获取当前元素的实例,作用在组建上时需要配合api原创 2021-11-11 17:31:36 · 1368 阅读 · 0 评论