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

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
}

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

有没有更好的方法来编写这种代码？

Answer 1

Tit*_*mir 5

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