TS-React：useRef 使用_代码007(未授权)

本文介绍: Cannot assign to ‘current’ because it is a read-only property.（不能给current属性复制，因为它是一个只读属性。解决方案：将 current 属性变为非只读属性，useRef 的泛型参数中增加【| null】即可把 current 属性变为非只读属性。

不能给 useRef 的 current 属性赋值，提示一下错误信息：
Cannot assign to ‘current’ because it is a read-only property.（不能给current属性复制，因为它是一个只读属性。）

代码如下所示：

let cameraMediaStream = useRef<MediaStream>(null);

/**
 * 打开摄像头
 **/
const openCamera = async (cameraId = curCameraId) => {
    try {
      // 关闭已打开的摄像头
      if (cameraMediaStream) await closeCamera();
      // Cannot assign to 'current' because it is a read-only property.
      cameraMediaStream.current = await ImageCapture.openCamera({ cameraId, video: videoRef.current, width, height });
    }
    catch (err: any) {
    	// 错误信息提示...
    }
}

解决方案：将 current 属性变为非只读属性，useRef 的泛型参数中增加【| null】即可把 current 属性变为非只读属性。

let cameraMediaStream = useRef<MediaStream | null>(null);

显示所有内容

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

相关文章

发表回复 取消回复

发表回复取消回复