首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在TypeScript中用useRef创建引用对象类型?

如何在TypeScript中用useRef创建引用对象类型?
EN

Stack Overflow用户
提问于 2022-06-17 05:14:09
回答 1查看 192关注 0票数 1

我在TypeScript React应用程序中为对象创建了引用:

代码语言:javascript
运行
复制
const inPropsRef = useRef({low: 10, high: 80, min: 0, max: 100})

我需要输入我的参考对象。我搜索了很多信息,但所有内容都与组件引用类型有关。我试过不同的方法,但每次出错:

具有通用的RefObject:

代码语言:javascript
运行
复制
// TS2339: Property 'low' does not exist on type 'Range | null'.

interface Range {
  low: number
  high: number
  min: number
  max: number
}

const inPropsRef: RefObject<Range> = useRef({low: 10, high: 80, min: 0, max: 100})

引用类型与泛型:

代码语言:javascript
运行
复制
// TS2339: Property 'low' does not exist on type 'Range | null'.

interface Range {
  low: number
  high: number
  min: number
  max: number
}
const inPropsRef: Ref<Range> = useRef({low: 10, high: 80, min: 0, max: 100})

只是界面:

代码语言:javascript
运行
复制
// TS2339: Property 'current' does not exist on type 'Range'.

interface Range {
  low: number
  high: number
  min: number
  max: number
}
const inPropsRef: Range = useRef({low: 10, high: 80, min: 0, max: 100})

请有人帮我写对对象引用的正确类型。

EN

回答 1

Stack Overflow用户

发布于 2022-06-17 05:17:07

键入useRef钩子。

示例:

代码语言:javascript
运行
复制
interface Range {
  low: number;
  high: number;
  min: number;
  max: number;
}

const inPropsRef = useRef<Range>({low: 10, high: 80, min: 0, max: 100});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72654600

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档