如何键入嵌套的 object？

Question

我想输入 object 以将其包含在 React state 中。 这是一个购物车 object，带有几个产品 ID 及其道具。

Object：

{
  "1047151242": {
      "name": "Item 1 name",
      "price": 22.99,
      "quantity": 2,
      "subtotal": 45.98
  },
  "3327300382": {
      "name": "Item 2 name",
      "price": 90.49,
      "quantity": 2,
      "subtotal": 180.98
  }
}

等等，其中产品 ID 可以是任何相同格式的字符串。

然后像这样引用类型：

const [cart, setCart] = useState<CartInterface>(CartState);

Answer 1

如果我理解正确，你只需要一个类型

type CartInterface = {
    [s: string]: {
        name: string;
        price: number;
        quantity: number;
        subtotal: number;
    }
}

现在，当您像您提到的那样使用它时， cart将是CartInterface类型。 如果这回答了您的问题，我建议您更深入地阅读typescript 文档。 您可以查看此游乐场链接以查看它的实际效果。