“Ciclo de vida de componentes funcionales” Código de respuesta

Cómo usar ComponentDidMount en componente funcional

// 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

Ciclo de vida de componentes funcionales

Functional Component Lifecycle Diagram for React:

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

Respuestas similares a “Ciclo de vida de componentes funcionales”

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código