cómo esperar 5 segundos, reaccionar, usar, ejemplo de código de efecto

Agradecemos tu ayuda para extender nuestros tutoriales en referencia a las ciencias informáticas.

Ejemplo 1: settimeout en react

useEffect(()=>const timeout =setTimeout(()=>
      history.push('/dashboard');,3000);,[]);

Ejemplo 2: cómo mostrar el texto uno tras otro de un array con 2 segundos de retraso en reaccionar

importReactfrom"react";importReactDOMfrom"react-dom";import"./styles.css";const messages =["fetching from sources...","loading account..."];constLoader=props=>const messages = props;// Default to the first message passedconst[messageIndex, setMessageIndex]=React.useState(0);React.useEffect(()=>// Move on to the next message every `n` millisecondslet timeout;if(messageIndex < messages.length-1)
      timeout =setTimeout(()=>setMessageIndex(messageIndex +1),1000);return()=>clearTimeout(timeout);;,[messages, messageIndex]);return<div>messages[messageIndex]</div>;;functionApp()return(<div className="App"><Loader messages=messages/></div>);const rootElement =document.getElementById("root");ReactDOM.render(<App/>, rootElement);

Agradecemos que desees añadir valor a nuestra información dando tu veteranía en las notas.

---

---

Utiliza Nuestro Buscador