如何不使用打字稿重复代码？

Question

我正在定义以下功能：

const Text = ({
  align = 'left',
  children,
  className,
  color = 'middleGrey',
  size = 'big',
  light = false,
}: Props) => ()

在使用打字稿时，我定义了以下接口：

interface Props {
  align: string
  children: ReactNode
  className: string
  color: string
  size?: string
  light: boolean
}

但这使我每个属性写2次。

是否有更好的方式编写此类代码？

Answer 1

不幸的是没有。解构语法不支持指定类型注释。这个主题有一个issue，但它是开放的，并不活跃。