Wiki SGY.io

Outils pour utilisateurs

Outils du site

Piste :
web:javascript:react:toc

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édentesRévision précédente
Prochaine révision		Révision précédente
Dernière révisionLes deux révisions suivantes
web:javascript:react:toc [2019/07/12 19:03] – [Hooks] sgariepyweb:javascript:react:toc [2022/02/02 00:42] – modification externe 127.0.0.1
Ligne 219: Ligne 219:
 Les hooks permet de ne pas avoir besoin de créer des composants de classes, ces derniers ayant pour désavantage de complexifier le code. Les hooks permet de ne pas avoir besoin de créer des composants de classes, ces derniers ayant pour désavantage de complexifier le code.
  
 +===== useState =====
 +
 +Utilisation de base:
 +
 +<code javascript>
 +const [state, setState] = useState(initialState);
 +setState(newState);
 +</code>
 +===== useEffect =====
 +
 +-> [[https://reactjs.org/docs/hooks-reference.html#useeffect|Documentation officielle]]
 +
 +
 +<code javascript>
 +useEffect(() => {
 +  // Équivalent à componentDidMount
 +  window.addEventListener('unhandledRejection', handler);
 +  return () => {
 +    // Équivalent à componentWillUnmount
 +    window.removeEventListener('unhandledRejection', handler);
 +  }
 +}, [])
 +</code>
 ===== useRef ===== ===== useRef =====
  
Ligne 237: Ligne 260:
 }; };
 </code> </code>
 +
 +
 +====== Références et sources ======
 +
 +  * [[https://github.com/sudheerj/reactjs-interview-questions#what-is-shallow-renderer-in-react-testing|React Interview Questions & Answers]]
 +
 +
 +
 +
web/javascript/react/toc.txt · Dernière modification : 2023/10/03 21:20 de sgariepy