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プロパティを設定できます。私はso I opened oneを追跡しているGitHubの問題を見つけることができませんでした。

フローに関する限り、気になるのは、refパラメータに渡す式がチェックされるということです。だから、あなたは、私がレフリーに反応の専門家でないんだけど、input要素がHTMLInputElementを渡されるようええ、それは、聞こえる

<Foo ref={123} /> 

なく

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

を書くことを可能にするであろうサブタイプはHTMLElementです。したがって、HTMLElementまたはHTMLInputElementを使用すると、あなたが意図するものが表現されるはずです。