bugfix> reactjs > 投稿

私はちょうど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={input => this._newText = input} // input == textarea ref on render
    
    

    その ref にアクセスする典型的な方法  レンダリング関数の外部では、インスタンス変数 this.someVar に保存します  コンポーネント全体からアクセスできます。

    質問 this._newText に答えるために  textarea ref を格納する単なるインスタンス変数です  (私たちが知っているすべてのために、それは何でも命名することができます)そして何もReact固有ではありません。

あなたの答え