关于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)
} )