react结合ts在类组件中实现refs

在 React 中，可以通过 Refs 访问组件的 DOM 节点或类组件的实例。在 TypeScript 中，我们可以在类组件中使用 Refs 来获取组件实例，具体实现可以参考以下代码：

import React, { RefObject } from 'react';

interface MyComponent {
  // props
}

interface MyComponentState {
  // state
}

class MyComponent extends React.Component<MyComponentProps, MyComponentState> {
  private myRef: RefObject<HTMLDivElement>; // 创建一个RefObject

  constructor(props: MyComponentProps) {
    super(props);
    this.myRef = React.createRef(); // 初始化RefObject
  }

  componentDidMount() {
    // 在组件挂载后，通过 this.myRef.current 获取组件实例
    console.log(this.myRef.current);
  }

  render() {
    // 将 ref 赋值给组件的 DOM 节点
    return <div ref={this.myRef}>Hello World</div>;
  }
}

在上面的代码中，我们创建了一个名为 `myRef` 的 RefObject，并在组件的 `render()` 函数中将其赋值给了组件的 DOM 节点。在组件挂载后，我们可以通过 `this.myRef.current` 获取组件实例，然后进行操作。

需要注意的是，RefObject 在 TypeScript 中的类型为 `React.RefObject<T>`，其中 `T` 是需要引用的 DOM 元素的类型。在上面的代码中，我们需要引用一个类型为 `HTMLDivElement` 的 DOM 元素，所以我们将 `myRef` 的类型定义为 `RefObject<HTMLDivElement>`。