如何在 React Typescript 中的 state 中定義對象數組？

Question

我需要在反應 Ts 中初始化我的 state 中的對象數組。 數組應該看起來像這樣

  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 ( . . . );
};