React Hooks提供React.useEffect来解决函数组件没有生命周期的问题
React.useEffect(fn,?)第一个参数是特定实时机执行的回调函数,第二个参数是指什么时机
1.模拟componentDidMount第一次渲染
useEffect(() => { console.log(''); }, []) // 第二个参数为空时只会在第一次渲染时执行
2. 模拟componentDidUpdate
useEffect(() => { console.log('n变化了'); }, [n]) // 第二个参数为要监听的数据
不传第二个参数,则会在 state 的任意一个属性改变时都会触发该函数回调
useEffect(() => { console.log('任意属性变化'); })
3,模拟componentWillUnmount
通过函数里返回函数的方式
useEffect(() => { console.log('任意属性变了'); return () => { console.log('该组件要销毁了'); } })
原文地址:https://www.cnblogs.com/caimengting/p/15277168.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。