Me cuesta entender lo que estoy haciendo aquí.
const updateStatus = (r, e) => { setShowCustomMessage(false); setShowConfirmSave(true); // axios logic here };está siendo llamado desde:
<select id="update_status" onChange={e => handleUpdateStatus(r, e)} value={r.status_id} </select>Debo esperar hasta que setShowCustomMessage() se haya completado antes de pasar a la llamada setShowConfirmSave().
He intentado usar una devolución de llamada:
const handleUpdateStatus = useCallback( (r, e) => { updateStatus(r, e); }, [updateStatus, showCustomerMessage] );Pero tengo problemas para entender lo que está pasando aquí, ya que sigo recibiendo una serie de errores aquí, sin importar cómo intente resolverlos.
React Hook "useCallback" se llama condicionalmente. Los React Hooks deben llamarse exactamente en el mismo orden en cada renderizado de componentes.
React Hook useCallback tiene una dependencia innecesaria: 'showCustomerMessage'. Exclúyalo o elimine la matriz de dependencia. Los valores de alcance externo como 'showCustomerMessage' no son dependencias válidas porque mutarlos no vuelve a representar el componente.
Estoy tratando de entender lo que está pasando aquí, mi comprensión del enlace useCallback es que puedo darle algunas dependencias, que en el cambio de esas dependencias, debería activar esa devolución de llamada, que luego activa la función "updateStatus ()" de dentro de la función useCallback.
Gracias.
Si desea esperar a que cambie el estado antes de hacer x , debe usar useEffect para observar el cambio en ese estado en particular y luego hacer x .
const updateStatus = (r, e) => { setShowCustomMessage(false); }; useEffect(() => { setShowConfirmSave(true); // axios logic here }, [showCustomMessage]);