如何在 React Typescript 中定义处于状态的对象数组？

Question

我需要在 react Ts 中初始化处于我状态的一组对象。 数组应该看起来像这样

  addressBook[
       details{
           name:"Tom"
           mail: "xyz@g.com"
           mobile: "1111111111"
       }
   ]

我需要创建一个这样的对象数组，其中将包含多个联系人及其详细信息。

Answer 1

定义一个接口：

interface Detail {
  name: string;
  mail: string;
  mobile: string;
}

然后在组件定义中：

const DetailPage = (): ReactElement => {
   const [details, setDetails] = useState<Detail[]>([]);

   return ( . . . );
};