Soy un poco nuevo en el marco de reacción. Según mi requisito, quiero esperar hasta que lleguen los datos y se vinculen a mis constantes en mi método useEffect().
Los datos se envían cifrados desde la página principal y se descifran de la siguiente manera:
useEffect(() => { const DecryptedGroupID = atob(groupID.toString()); const DecryptedFactoryID = atob(factoryID.toString()); setProfitAndLossDetails({ ...ProfitAndLossDetails, groupID: DecryptedGroupID, factoryID: DecryptedFactoryID }); }, []);Quiero agregar un camarero/temporizador/retraso para esperar hasta que los datos se vinculen a mis variables constantes. (atob es una función de descifrado).
Se requiere el ID de grupo para generar los ID de fábrica para el grupo específico, por lo tanto, durante la recarga de la página, ya que lleva tiempo/retraso para que se enlacen los ganchos, los ID de fábrica no se cargarán a veces (sin embargo, cuando se actualiza aparece a veces), creo que agregando un retrasar y darle tiempo para enlazar podría solucionar este problema.
Simplemente agregue groupID y factoryID como sus dependencias useEffect . Hook se llamará automáticamente cuando se cambien. Dentro del gancho puede verificar si groupID y factoryID no están vacíos y llamar a su función de establecimiento.
Lea más sobre cómo funciona este gancho: https://reactjs.org/docs/hooks-reference.html#useeffect
Necesitas:
Tal:
useEffect(() => { if (!groupID || !factoryID) return; // Otherwise don't return and use them with their values }, [groupID, factoryID]);