React 道具中的字典值（Typescript）

Question

给定一个定义了 props 接口 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 语法，第二组括号用于对象本身