在 React/Typescript 中输入对象

Posted 2023-02-22

【中文标题】在 React/Typescript 中输入对象

【英文标题】：Type for object in React/Typescript

【发布时间】：2021-12-21 04:40:39

【问题描述】：

例如，React/Typescript 中对象的类型是什么：

const [value, setValue] = React.useState<any>();

如果我需要将其定义为对象，我将放入什么类型，而不是 <any>

【问题讨论】：

如果您知道它是一个对象但您不知道键和值与Record<PropertyKey, unknown> 一起使用。如果您知道键是字符串，请使用 Record<string, unknown>

那么你打算把它放在那个对象上是什么是？你给编译器的信息越多，它就越有用。

【参考方案1】：

interface MyObject 
  [k: string]: any;


const [value, setValue] = React.useState<MyObject>();

[k: 字符串]: 任意；表示该属性必须是一个字符串，它的值是任意的。