如何定义 useState 嵌套数组类型

【问题标题】：How to define useState nested array types如何定义 useState 嵌套数组类型
【发布时间】：2021-11-08 16:59:36
【问题描述】：

如何在 UseState 数组中定义嵌套数组的类型

定义的接口-

interface ToyProps {
  car: string | null;
  doll: number | null;
}

interface SettingsProps {
  [key: string]: ToyProps[];
}

状态-

const [state, setstate]:SettingsProps = React.useState({
  toys: [
    {
      cars: "car 1",
      doll: "doll 1",
    },
    {
        cars: "car 2",
        doll: "doll 3",
    },
  ],
});

我按照上面的方式定义了，但是还是出现类型错误

【问题讨论】：

标签： reactjs typescript types use-state

【解决方案1】：

您将类型应用于数组，其中包含状态对象和状态设置器函数。

相反，将其作为类型参数提供给useState：

const [state, setstate] = React.useState<SettingsProps>({
// −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−^^^^^^^^^^^^^^^
    // ...
});

type参数驱动useState的返回类型，这将适当地设置state和setstate的类型。

【讨论】：