0
378
Vistas¿Cómo usar los datos después de buscarlos en js? obtengo los datos, pero no sé por qué no puedo usarlos
Tengo un pequeño problema de que no puedo usar los datos después de obtenerlos del archivo json local. Estas son capturas de pantalla: aquí los datos en la consola:
aquí está mi código:
fetch('api_link.json') .then((res) => res.json()) .then((data) => { console.log('data:', data); }) export const project_info = () => async (dispatch) => { try { dispatch({ type: PROJECT_INFO_REQUEST }); var { data } = await axios.get('HERE I WANT TO PUT THE DATA FROM THE JSON FILE'); dispatch({ type: PROJECT_INFO_SUCCESS, payload: data, }); otra captura de pantalla para explicar más:
alguien me puede saludar por favor
#note que soy desarrollador backend de python :)
esta es la primera vez que uso reaccionar js
1 Respuestas
Responde la pregunta0
Los argumentos de la función están en el ámbito de esa función y no son accesibles fuera de esa función.
Es más: no hay garantía de que la solicitud de red se haya resuelto para cuando llames a project_info .
Guarde la promesa devuelta por fetch en una variable, luego esa promesa estará dentro del alcance de project_info .
const api_data = fetch('api_link.json') .then((res) => res.json()) export const project_info = () => async (dispatch) => { try { dispatch({ type: PROJECT_INFO_REQUEST }); const url = await api_data; var { data } = await axios.get(url); dispatch({ type: PROJECT_INFO_SUCCESS, payload: data, }); Tenga en cuenta que axios y fetch son dos API para hacer el mismo trabajo. Realmente no tiene sentido mezclarlos.