如何为 material-ui 组件正确使用 typescript 模块扩充？

Question

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

我尝试了以下方法来增加按钮组件的类型定义，无论是在单独的类型文件 (.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;  
  }
}