React的useRef

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