React 道具中的字典值（打字稿）

Question

给定一个具有道具接口 ProductProps 的组件 Product 定义：

interface ProductProps {
  name: string,
  price: {
    amount: number,
    currency: string
  }
}

如何在组件标签中为 price 分配值，即我想要一些效果：

<Product name="Nice Shoes" price.amount={100} price.currency="$" />

Answer 1

因为价格也是一个对象，所以你可以这样传递：

<Product name="Nice Shoes" price={{amount :100, currency:"$"}} />

第一组括号用于 jsx 语法，第二组用于对象本身

Dictionary values in React props (Typescript)