关于Ref的发展历程请看:
https://juejin.im/post/5b59287af265da0f601317e3
1.创建useRef
import React { useRef } from 'react';
const xRef = useRef();<x ref={xRef} />注意,useRef只能在类组件中使用 class x extends React.component 或者是PureComponent,否则会报错
2.使用useRef
xRef.current是针对的DOM节点,打印结果是这个组件xRef.current.func()就可以执行在这个组件中的方法了useRef场景
const xRef = useRef();
useEffect( ()=> {
xRef.current = setInterval( ()=>{
//code
})
},[])
useEffect( ()=>{
clearInterval(xRef.current)
} )
版权声明:本文为weixin_42450794原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。