为 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[][]>([]);