跳到主要内容

认识

2023年02月22日
柏拉文
越努力，越幸运

一、认识​

函数组件创建Ref,可以用 hooks 中的 useRef 来达到同样的效果

二、语法​

export default function Index(){
    const currentDom = React.useRef(null)
    React.useEffect(()=>{
        console.log( currentDom.current ) // div
    },[])
    return  <div ref={ currentDom } >ref对象模式获取元素或组件</div>
}

三、类型注解​

3.1 元素​

const divRef: RefObject<HTMLDivAreaElement> = useRef(null);

const inputRef: RefObject<HTMLInputAreaElement> = useRef(null);

3.2 对象​

const objectRef: RefObject<ObjectType> = useRef(null);

五、总结沉淀​

5.1 useState 与 useRef 有什么区别?​

答: useState 改变可以刷新, useRef 改变不会刷新