Tengo una función asíncrona que llama a una API para obtener el rol actual de un usuario. Más adelante quiero adjuntar ese rol a una variable. Aquí está mi código
const getRole = async () => { const response = await roleService.getRole(); const roles = await response.role return roles } ........... const currentRole = getRole() //I want this to be the value from return roles Soy nuevo en reaccionar y tengo problemas con esto. ¿Cómo puedo establecer currentRole en el valor de los return roles ?
Optaría por guardar la información que obtuvo de la API en un estado
const [roles, setRoles] = useState(); const getRole = async () => { const response = await roleService.getRole(); const roles = await response.role setRoles(roles); }puede llamar a la función gerRole en un useEffect como este
useEffect(() => { getRole(); }, []);o puede llamar a la función getRole con un clic de botón
<button onClick={getRole}>Click me to get roles</button>