React.ForwardedRef与useRef创建的ref值对应类型React.MutableRefObject,会报错

正确写法

typescript 复制代码
ref?: React.ForwardedRef<YakitAutoCompleteRefProps>

interface YakitAutoCompleteRefProps {
    onSetRemoteValues: (s: string) => void
    onGetRemoteValues: () => void
}

const downstreamProxyRef: React.MutableRefObject<YakitAutoCompleteRefProps> = useRef<YakitAutoCompleteRefProps>({
    onGetRemoteValues: () => {},
    onSetRemoteValues: (s) => {}
})
相关推荐
废春啊几秒前
前端工程化
运维·服务器·前端
爱上妖精的尾巴2 分钟前
6-9 WPS JS宏Map、 set、get、delete、clear()映射的添加、修改、删除
前端·wps·js宏·jsa
爱分享的鱼鱼19 分钟前
对比理解 Vue 响应式 API:data(), ref、reactive、computed 与 watch 详解
前端·vue.js
JS_GGbond20 分钟前
【性能优化】给Vue应用“瘦身”:让你的网页快如闪电的烹饪秘籍
前端·vue.js
T___T22 分钟前
一个定时器,理清 JavaScript 里的 this
前端·javascript·面试
代码小学僧23 分钟前
从 Arco Table 迁移到 VTable:VTable使用经验分享
前端·react.js·开源
微笑的曙光24 分钟前
Vue3 环境搭建 5 步走(零基础友好)
前端
不知名用户来了28 分钟前
基于vue3 封装的antdv/element-Plus 快速生成增删改查页面
前端
明川34 分钟前
Android Gradle - ASM + AsmClassVisitorFactory插桩使用
android·前端·gradle
San3034 分钟前
深度驱动:React Hooks 核心之 `useState` 与 `useEffect` 实战详解
javascript·react.js·响应式编程