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


猜你喜欢

转载自blog.csdn.net/weixin_42450794/article/details/97924295