ReactJS和Typescript：引用一个值，但这里用作类型(TS2749)

Question

我在一个。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;
  }
}

在编译过程中，我在引用的声明上得到一个错误：

Answer 1

确保您在。tsx文件上，而不是。ts文件上