react中关于hook介绍及其使用(5)

2023-06-22 来源:飞速影视
componentDidUpdate(),有两种方式去解决在每次渲染的时候都去调用hooks,解决的方式如下面所示useEffect(() => { })
用一个特殊变量的去触发hook,如下面所示,count指的就是这个特殊的变量,该hook触发,只会是count的值改变时useEffect(() => { },[count])
componentWillUnmount(),用hook来代替,需要去return一个callback(回调函数),如下面的形式所示

react中关于hook介绍及其使用


shouldComponentUpdata(),常使用React.memo来代替,在默认情况下,它将对props对象中的复杂对象进行浅层比较,如果想要去控制比较,可以去提供一个自定义的比较函数作为第二个参数。代替hook的方式如下所示

react中关于hook介绍及其使用


自定义hook
通常在实际的项目开发中少不了使这种自定义的hook,前提是在整个项目中使用了hook的情况下。通常情况下就是去使用useState,useEffect这种系统已经定义好的hook去实现,在调用时你就可以直接调用当你自定义好的hook来实现你所需要的功能。下面就以自定义useReducer这个hook为例

react中关于hook介绍及其使用


相关影视
合作伙伴
本站仅为学习交流之用,所有视频和图片均来自互联网收集而来,版权归原创者所有,本网站只提供web页面服务,并不提供资源存储,也不参与录制、上传
若本站收录的节目无意侵犯了贵司版权,请发邮件(我们会在3个工作日内删除侵权内容,谢谢。)

www.fs94.org-飞速影视 粤ICP备74369512号