Actualmente estoy aprendiendo sobre tutoriales de un proyecto y usan React Js para el front-end. Esta es la primera vez que trabajo en un js de reacción, por lo que estoy realmente confundido sobre cómo implementar las condiciones de volteo:
'setShowAnimation' de verdadero a falso con un temporizador de retraso de 3 segundos bajo la condición donde 'setShowAnimation == verdadero'. ¡Cualquier referencia / guía es muy apreciada!
const App = () => { ... const [showAnimation, setShowAnimation] = useState(false); ... const wave = async () => { try { ....... const waveTxn = await wavePortalContract.wave(tweetValue,{gasLimit:300000}); console.log("Mining...", waveTxn.hash); setShowAnimation(true); ..... } React.useEffect(() => { const timeout = setTimeout(() => { setShowAnimation(false) },3000) return () => clearTimeout(timeout) }, [showAnimation]) }debe agregar una condición si necesita ejecutarse solo cuando showAnimation es verdadero.
React.useEffect(() => { if(showAnimation){ const timeout = setTimeout(() => { setShowAnimation(false) },3000) return () => clearTimeout(timeout) } }, [showAnimation])