Аннотирование обратного вызова ref

Question

Является ли аннотирование обратного вызова ref как элемента HTMLElement наилучшим подходом? Я предполагаю, что в 99% случаев это будет тип, нет?

https://facebook.github.io/react/docs/more-about-refs.html

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/no-string-refs.md

<input type="text" ref={(ref: HTMLElement) => this.myTextInput = ref} /> 

Answer 1

На данный момент поток не особенно понимает ref собственности, и позволит вам установить ref свойство к чему-либо. Я не мог найти проблему GitHub, отслеживая это, so I opened one.

Насколько это касается Flow, все, что он заботится о том, что это выражение, которое вы передаете параметру typechecks ref. Так что это позволит вам написать

<Foo ref={123} /> 

но не

<Foo ref={"boom" * 10} /> 

Я не эксперт по Реагировать реф, но да, это звучать как input элемент будет принят в HTMLInputElement, который является подтипом HTMLElement. Поэтому использование HTMLElement или HTMLInputElement должно выражать то, что вы намерены.