“Cycle de vie des composants fonctionnels” Réponses codées

comment utiliser composantDidMount dans la composante fonctionnelle

// passing an empty array as second argument triggers the callback in useEffect
// only after the initial render thus replicating `componentDidMount` lifecycle behaviour
useEffect(() => {
  if(!props.fetched) {
 	 props.fetchRules();
  }
  console.log('mount it!');
}, []);

// componentDidUpdate
useEffect({
	your code here
}) 

// For componentDidUpdate
useEffect(() => {
  // Your code here
}, [yourDependency]);

// For componentWillUnmount
useEffect(() => {
  // componentWillUnmount
  return () => {
     // Your code here
  }
}, [yourDependency]);
Salo Hopeless

Cycle de vie des composants fonctionnels

Functional Component Lifecycle Diagram for React:

https://wavez.github.io/react-hooks-lifecycle/
KostasX

Réponses similaires à “Cycle de vie des composants fonctionnels”

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code