web:framework:react

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
web:framework:react [2025/02/19 01:08] – [Contexte] jcheronweb:framework:react [2025/08/12 02:35] (Version actuelle) – modification externe 127.0.0.1
Ligne 254: Ligne 254:
 </sxh> </sxh>
  
 +===== useContext =====
 +
 +Permet d'utiliser un contexte global sans avoir à passer des props manuellement à chaque niveau.
 +
 +<sxh js>
 +import { useContext, createContext } from "react";
 +
 +const ThemeContext = createContext("light");
 +
 +function ThemedButton() {
 +  const theme = useContext(ThemeContext); // Récupère la valeur du contexte
 +
 +  return <button style={{ background: theme === "dark" ? "#333" : "#ddd" }}>
 +    Thème : {theme}
 +  </button>;
 +}
 +</sxh>
 ===== Composants ===== ===== Composants =====
   * [[https://react-hook-form.com/|React-hook-form]]   * [[https://react-hook-form.com/|React-hook-form]]
  • web/framework/react.1739923734.txt.gz
  • Dernière modification : il y a 7 mois
  • (modification externe)