Verwenden Sie ein sehr einfaches Beispiel, um die Idee der höherwertigen Komponenten von react.j zu verstehen

Vor dem Debuggen des Codes habe ich in den Konsoleneinstellungen zwei Caches

für Benutzername bzw. Inhalt

eingerichtet. Zwei Cache-Codes

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

Stellen Sie sicher, dass Sie diese beiden Caches einrichten, bevor Sie den folgenden Code ausführen, da ich die öffentliche Methode in der höherwertigen Komponente gekapselt und den Cache in den Wert aufgerufen habe des Eingabefelds

ruft die von der Komponente höherer Ordnung zurückgegebene Komponente diese Methode auf

'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"))

Das obige ist der detaillierte Inhalt vonVerwenden Sie ein sehr einfaches Beispiel, um die Idee der höherwertigen Komponenten von react.j zu verstehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!