為 typescript 中的 useState 定義所需的類型

Question

為 typescript 中的 dataList 定義的所需類型是什么，請參閱下面的代碼片段

const [dataList, setDataList] = useState([]); 
      dataList= [
                 [{header:"first",tail:"three"},{header:"second",tail:"four"}], 
                 [{header:"first",tail:"three"},{header:"second",tail:"four"}] 
                ];

Answer 1

您需要提供數據列表 state 的類型，因為dataList無法推斷它。 這可以通過接口或類型別名來完成。

interface Data {
  header: string;
  tail: string; 
}

這就是您可以在useState泛型參數上使用它的方式，其中dataList是上面定義的Data接口的多維數組：

const [dataList, setDataList] = useState<Data[][]>([]);