React第十一天 - Hooks之 useRef

useRef

1. 用法跟 createRef 用法一样，都是用来存储 DOM 元素对象的

// createRef 每次重新渲染时，都会重新创建一个新的 ref 对象
const inputRef = createRef();
console.log('inputRef:', inputRef) // { current: null }

// useRef 第一次渲染的时候创建一个对象以后，之后重新渲染会检测，如果创建过就不再创建
const inputRef2 = useRef();
console.log('inputRef2:', inputRef2) // { current : undefined }