Tengo una función asíncrona que verifica el estado de los permisos en un dispositivo. Esta es la función:
notificationsAllowed = async () => { const allowed = await requestNotifications(['alert', 'sound']).then((res) => { if (res.status == "granted") { return true; } return false; }); return allowed; } allowed es boolean , pero cuando trato de usar esta función (por ejemplo, para establecer un interruptor en verdadero o falso) obtengo un objeto por alguna razón. Así es como trato de usarlo:
const allowed = NotificationsManager.getInstance().notificationsAllowed().then((res) => { return res; }); const [isEnabled, setIsEnabled] = useState(allowed); Parece que permitido es del tipo Promise<boolean> pero no puedo usar async await porque está dentro de un componente funcional.
Deberías usar useEffect para algo como esto.
const [isEnabled, setIsEnabled] = useState(false); useEffect(() => { NotificationsManager.getInstance().notificationsAllowed().then((res) => { setIsEnabled(res); }); }, []);Así no es como funcionan las funciones async o await el trabajo. Normalmente, con Promises (como requestNotifications ), lo ejecuta, hace su trabajo en segundo plano y luego ejecuta la función .then() cuando termina (en algún momento en el futuro).
await hace lo que dice y espera a que Promise se resuelva/finalice antes de continuar. No necesita .then() aquí, ya que está esperando que termine de una manera diferente.
notificationsAllowed = async () => { const allowed = await requestNotifications(['alert', 'sound']); return allowed.status === "granted" }; Pero ahora notificationsAllowed permitidas son una función async . Por lo tanto, debe usar .then() que lo ejecuta en segundo plano o usar await para esperar a que se completen notificationsAllowed Permitidas.
const allowed = await NotificationsManager.getInstance().notificationsAllowed(); const [isEnabled, setIsEnabled] = useState(allowed);O necesita usar una devolución de llamada, que se ejecutará en algún momento en el futuro y no le permitirá devolver un valor:
NotificationsManager.getInstance().notificationsAllowed().then(allowed => { const [isEnabled, setIsEnabled] = useState(allowed); });