コンポーネントで返した HTML 要素を使う時に使います。HTML 要素へ渡す場合、基本的に初期値はnull
を渡します。
const buttonRef = useRef(null);
要素はbuttonRef.current
に入りますが、コンポーネントがレンダリングされるまではその値はnull
です。レンダリング後は狙った要素の参照が入ります。
準備
buttonRef.current
にほしい要素のref
属性にこのbuttonRef
を渡してあげます。
コンポーネントで返した HTML 要素を使う時に使います。HTML 要素へ渡す場合、基本的に初期値はnull
を渡します。
const buttonRef = useRef(null);
要素はbuttonRef.current
に入りますが、コンポーネントがレンダリングされるまではその値はnull
です。レンダリング後は狙った要素の参照が入ります。
buttonRef.current
にほしい要素のref
属性にこのbuttonRef
を渡してあげます。