Utilisez un exemple très simple pour comprendre l'idée des composants d'ordre supérieur de React.js

Avant de déboguer le code, j'ai mis en place deux caches

pour le nom d'utilisateur et le contenu respectivement

dans les paramètres de la console Deux codes de cache

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

Assurez-vous de configurer ces deux caches avant d'exécuter le code suivant, car j'ai encapsulé la méthode publique dans le composant d'ordre supérieur et appelé le cache dans la valeur de la zone de saisie

, le composant renvoyé par le composant d'ordre supérieur appelle cette méthode

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!