TS-React:useRef 使用

不能给 useRef 的 current 属性赋值,提示一下错误信息:

Cannot assign to 'current' because it is a read-only property.(不能给current属性复制,因为它是一个只读属性。)

代码如下所示:

typescript 复制代码
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 属性变为非只读属性。

typescript 复制代码
let cameraMediaStream = useRef<MediaStream | null>(null);
相关推荐
西瓜太郎123412 小时前
外层模型卡片与分组详情成功率不一致,应该怎么排查?
前端·typescript·go·软件工程·react
掰头战士18 小时前
MCP、Skill、Plugin,都是给agent拓展能力,到底有何区别?
typescript·llm·agent
liangshanbo121519 小时前
React useEffect 与 useLayoutEffect 面试题整理
前端·javascript·react.js
掰头战士20 小时前
聊聊 Function Calling,你的模型是否答非所问?
前端·typescript·agent
dsyyyyy11011 天前
Typescript装饰器
前端·javascript·typescript
liangshanbo12151 天前
React useState 函数式更新面试题整理
前端·react.js·前端框架
光影少年1 天前
react navite process.nextTick 和 Promise.then 的执行顺序
前端·react native·react.js
lewis_lk1 天前
ReactJs状态迷思:从"常量"到"闭包陷阱"的底层逻辑
前端·react.js
薛一半1 天前
React路由初始
前端·react.js·前端框架
晓得迷路了1 天前
栗子前端技术周刊第 146 期 - React 19.3、jQuery 1.0 20 周年、Bun 1.4.2...
前端·javascript·react.js