Tengo el siguiente fragmento de código en el nivel superior de mi componente de reacción:

 const myPriv = []; export const myUserState = { loggedIn: true, loggingIn: false, myPrivs: myPriv };

También estoy realizando la siguiente llamada a la API de búsqueda:

 const getPrivs = () => { const apiOptions = { method: 'GET', headers: { 'Content-Type': 'application/json' } }; return fetch(`${MY_ENDPOINT}/getMyPrivs`, apiOptions) .then(handleErrors) .then((response) => response.json()) .then((json) => { myPriv.push(json[0].privs) }) console.log('myUserState values: ', myUserState ); .catch((error) => { console.log(error)); } }

El problema que tengo es que el valor de mi matriz myUserState.myPrivs está vacío, ya que parece que se está configurando/exportando antes de que mi llamada de obtención de API a /getMyPrivs complete y configure la matriz myPriv que se asigna a myUserState.myPrivs .

¿No estoy seguro de poder realizar algún tipo de operación ternaria en la exportación para realizar esto solo hasta que se llene la matriz myPriv ?

¿Puede alguien ayudarme a esperar a que se myPriv.push(json[0].privs) antes de que se produzca la exportación de myUserState para garantizar que los valores de la matriz myUserState.myPrivs estén disponibles?