如何正确使用material-ui组件的typescript模块增强？

Question

我已阅读此处和此处的现有答案，但它们似乎已经过时了。

我尝试了以下方法来增强按钮组件的类型定义，无论是在单独的类型文件（.d.ts）还是在反应组件本身中，但都无济于事。

declare module "@material-ui/core/Button" {
  export interface ButtonProps {
    to?: string;  
  }
}

当放入单独的 .d.ts 文件中时，我得到“JSX 元素类型‘Button’没有任何构造或调用签名。” 错误。

如果将其与组件本身放在同一个文件中，编译器只会抱怨类型“IntrinsicAttributes & ButtonProps & {children?: ReactNode;”上不存在属性“to”。}' 就好像什么都没有定义一样。

所以我想知道当前在material-ui（v3.0.2）中增强组件类型定义的正确方法。

谢谢你和干杯

Answer 1

该ButtonProps接口实际上是在@material-ui/core/Button/Button模块中声明的。组件文件中的以下代码应该可以工作：

declare module "@material-ui/core/Button/Button" {
  export interface ButtonProps {
    to?: string;  
  }
}