javascript - 使用 ref 输入 React 组件？ typescript

Question

所以我有一个引用:

someComponent;

还有someComponent基本上是一个 React 组件，如下所示:

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

   render() {
      ...some stuff
   }
}

那么，我该如何输入 someComponent所以如果我这样做:

this.someComponent.getData();

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

我尝试过:

someComponent: React.RefObject<SomeComponent<IProps>>

但是 TypeScript 仍然警告我。

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

Answer 1

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

someComponent = React.createRef<SomeComponent>();

并将引用传递给渲染的组件:

<SomeComponent ref={this.someComponent} />

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

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