打字稿和反应：如何输入类型参考？

Question

我正在使用Typescript做出反应。如果我有参考，例如

<SomeComponent ref="example-ref"></SomeComponent>

我可以通过this.refs['example-ref']的常规方式访问它并从那里开始工作。如果我想要输入，我必须明确地投射它：

var typedRef: SomeComponent = this.refs['example-ref'] as SomeComponent;

但是我怎么能输入类型参考文献以便我不必投射呢？感谢

Answer 1

使用替代ref语法对我们很有效，即在类中声明私有var

private comp: SomeComponent;

然后在TSX

<SomeComponent ref={(c) => { this.comp = c } }/></SomeComponent>

只需访问其余代码中的已键入this.comp

即可