ホームページ  >  記事  >  ウェブフロントエンド  >  非常に簡単な例を使用して、react.js の高次コンポーネントの概念を理解する

非常に簡単な例を使用して、react.js の高次コンポーネントの概念を理解する

一个新手
一个新手オリジナル
2017-10-06 10:42:151540ブラウズ

コードをデバッグする前に、2つのキャッシュを設定しました

それらはユーザー名とコンテンツです

コンソールで2つのキャッシュコードを設定します

localStorage.setItem('username','老王')
localStorage.setItem('content','类容')

次のコードを実行する前に、必ず最初にこれら2つのキャッシュを設定してください, なぜなら、パブリックメソッドを上位コンポーネントにカプセル化し、その呼び出しが入力ボックスの値にキャッシュされており

、上位コンポーネントによって返されたコンポーネントがこのメソッドを呼び出しているからです

'react''react-dom'.state={data:''==(event)=>=
            <Comp handBlur={.handBlur} data={.state.data}/> <input type="text" defaultValue={props.data} onBlur={props.handBlur}/> <textarea defaultValue={props.data}></textarea> <p>111</p>let LocalInput=local(Input,&#39;username&#39;=local(Textareas,&#39;content&#39;=<p>
                <form><LocalInput/>
                    类容 <LocalTextareas/>
                    <Localp></Localp>
                </form>
            </p><From></From>,document.querySelector("#root"))

以上が非常に簡単な例を使用して、react.js の高次コンポーネントの概念を理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。