私はちょうどReactJSチュートリアルをしていたが、これをヒットした:
renderForm() {
return (
<div className='note'>
<form>
<textarea ref={input => this._newText = input}/>
<button><FaFloppy0/></button>
</form>
</div>
)
}
ref部分以外のコード全体を理解しています。 React Docsの一部であることがわかっているので、これは私の質問ではありません。
私の質問は
this._newText
とは何ですか
? Googleはそれについて沈黙している。私はそれが
textarea
の値を取ることを知っています
。
しかし、それはReact固有のものですか?このようなものを見たことはありません。
回答 1 件
Refは、renderメソッドで作成されたDOMノードまたはReact要素にアクセスする方法を提供します。
ref
を提供する場合 renderメソッド内の要素への関数を含むprop(例のように)その関数はDOMノードまたはReact要素で呼び出されます。textareaがレンダリングされると、reactはrefメソッドを呼び出してtextareaを渡します
その
ref
にアクセスする典型的な方法 レンダリング関数の外部では、インスタンス変数this.someVar
に保存します コンポーネント全体からアクセスできます。質問
this._newText
に答えるために textarearef
を格納する単なるインスタンス変数です (私たちが知っているすべてのために、それは何でも命名することができます)そして何もReact固有ではありません。