ReactJS 和 Typescript ：指的是一个值，但在这里被用作类型（TS2749）

我正在 .tsx 文件中使用 Typescript 和 Material-ui 编写 ReactJS 类。在我的自定义组件之一中，我想创建对我在自定义组件中使用的组件之一的引用。

export class MyTextField extends React.Component<MyProps, MyState> {
  private refTextField: React.RefObject<TextField>;
  constructor(props: MyProps) {
    super(props);
    this.refTextField = React.createRef();
  }

  render(): JSX.Element {
    const { id, label, value: defaultValue } = this.props;
    const { value } = this.state;
    const element = (
      <TextField ref={this.refTextField} id={id} label={label} defaultValue={defaultValue} value={value} />
    );

    return element;
  }
}

在编译过程中，我在引用声明中收到错误：

“TextField”指的是一个值，但在这里被用作类型。 TS2749

我尝试将“typeof TextField”放入声明中，但在评估 render 中的 ref 属性时，我收到另一条消息：

类型“RefObject Element>”不可分配 输入 '((instance: HTMLDivElement | null) => void) | 参考对象 |空 |不明确的'。类型 'RefObject Element>' 不可分配给 输入“RefObject”。 类型“(props: TextFieldProps) => Element”缺少类型“HTMLDivElement”中的以下属性：align、addEventListener、 removeEventListener、accessKey 等 238 个。 TS2322

有任何想法吗 ？ 太感谢了

确保您处于.tsx文件而不是.ts file