如何在 TypeScript 中避免重复代码？

我正在定义以下函数：

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

由于我正在使用 TypeScript，我已经定义了以下接口：

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

但这让我每个属性都写两次。

有更好的方式来编写这种代码吗？

答案＃1

不幸的是不支持。解构语法不支持指定类型注解。关于这个话题有一个问题，但它仍然开放，且不太活跃。