使用 ref 键入 React 组件？ 打字稿

Question

所以我有一个参考：

someComponent;

someComponent基本上是一个 React 组件，如下所示：

class SomeComponent<IProps> {
   getData = () => {};

   render() {
      ...some stuff
   }
}

那么，如果我这样做，我该如何输入someComponent ：

this.someComponent.getData();

TypeScript不会大喊this.someComponent上不存在getData吗？

我试过：

someComponent: React.RefObject<SomeComponent<IProps>>

但是 TypeScript 仍然警告我。

编辑：尝试使用 createRef，但出现以下错误：

Answer 1

在父组件中声明 ref 时需要指定组件的类型：

someComponent = React.createRef<SomeComponent>();

并将 ref 传递给渲染的组件：

<SomeComponent ref={this.someComponent} />

然后你可以像这样调用 getData ：

if (this.someComponent.current !== null) {
  this.someComponent.current.getData()
}