reactjs - TS2339 : Property 'getBoundingClientRect' does not exist on type 'never'

Question

我知道可选链接应该足够了，但我在这里尝试满足 TypeScript 有点过火:

const ref = useRef()

    if (ref !== undefined) {
        if(ref.hasOwnProperty('current')) {
            if (ref.current !== undefined &&  ref.current !== null)
             console.log(ref?.current?.getBoundingClientRect())
        }
    }

错误:

TS2339: Property 'getBoundingClientRect' does not exist on type 'never'.

我想念我不打字的日子...除了 @ts-ignore 之外的任何解决方案

Answer 1

你只需要提供一个元素类型来 useRef

const Test = () => {
    const ref = useRef<HTMLInputElement>(null);
    const rect = ref?.current?.getBoundingClientRect();
}