More than 1 year has passed since last update.

[React]useRef() が使えない

Posted at 2022-07-30

*hooks以降のreact

Error内容

useRefを使ったときに
型 'MutableRefObject' を型 'LegacyRef | undefined' に割り当てることはできません
と出る。

const ref = useRef<HTMLElement>()
...

return (
    <>
        <div ref={ref}>
            ...
        </div>
    </>
)

useRefはnullで初期化する。また、型は詳しく書く！

const ref = useRef<HTMLDivElement>(null)

nullで初期化することによりMutableRefObjectになる。
MutableRefObjectはReactが管理するobjectであり、勝手にref.currentが変えられることを防ぐことができるとのこと！