TS2339：属性 \'src\' 在类型 \'RefObject \' 上不存在

【问题标题】：TS2339: Property 'src' does not exist on type 'RefObject 'TS2339：属性 \'src\' 在类型 \'RefObject \' 上不存在
【发布时间】：2022-12-21 14:20:13
【问题描述】：

const img = useRef<HTMLImageElement>(null);

img.src = `${url}`;

为什么img.src 不存在？

我应该怎么办？

【问题讨论】：

img.src 错误，请改用 img.current?.src

标签： reactjs typescript

【解决方案1】：

useRef返回的是{current: "value"}这样的对象，所以需要按如下方式使用。

const imgRef = useRef<HTMLImageElement>(null);

if(imgRef.current){
  imgRef.current.src = url;
}

【讨论】：