React implementiert eine mehrkomponentige Wertübertragungsfunktion über Conetxt

importiere { createContext } von „react“;
const theme = Kontext erstellen()
Standarddesign exportieren

importiere React, { useState } von 'react';
Importiere Child aus "@/components/Child.jsx"
Design aus „@/context/Theme.jsx“ importieren
Standard exportieren () => {
    const [Thema, setTheme] = useState("blau")
    zurückkehren (
        <>
            <button onClick={() => setTheme("green")}>Überprüfen, ob der Kontext reagiert</button>
            <Theme.Provider-Wert={theme}>
                <Kind />
            </Theme.Anbieter>
        </>
    )
}

importiere React von „react“;
Design aus „@/context/Theme.jsx“ importieren
Standard exportieren () => {
    zurückkehren (
        <Thema.Verbraucher>
            {data => <p>Empfange den vom übergeordneten Komponentenkontext übergebenen Wert: {data}</p>}
        </Theme.Consumer>
    );
}