Estoy trabajando en una respuesta API. Mi objetivo es tomar esta respuesta API para actualizar un estado específico.
Aquí el fragmento de código necesario de mi componente funcional:
const [recordImagesPayload, setRecordImagesPayload] = useState([]); useEffect(() => { const headers = { 'Content-Type': 'application/json' }; // const payload = JSON.stringify({ ...createPayload(), recordImage: newImage }); request(`${url}`, { headers, method: 'GET' }) .then((response: any) => response.json()) .then(json => { var obj = JSON.parse(json); var res: any = []; for (var i in obj) { res.push(obj[i]); } setRecordImagesPayload(res); console.log(res); }); }, []);Mi consola no muestra la resolución de mi última línea de código. Probablemente estoy haciendo algo mal con la respuesta, pero no sé qué hacer.
Por favor ayuda.
Gracias por adelantado. :)
Supongo que la función de solicitud está usando la función de búsqueda, en ese caso ya está analizando la respuesta json usando la llamada response.json(), por lo que el valor resuelto en el siguiente no es json, por lo que no tiene que usar JSON. analizar allí
Intenta ejecutar esto. Aquí, en lugar de crear una nueva matriz y un bucle for, podemos usar Object.values
useEffect(() => { const headers = { 'Content-Type': 'application/json' }; // const payload = JSON.stringify({ ...createPayload(), recordImage: newImage }); request(`${url}`, { headers, method: 'GET' }) .then((response: any) => response.json()) .then(result => { const res = Object.values(result); setRecordImagesPayload(res); console.log(res); }); }, []);Gracias @akhil. Tuve un problema menor en mi código con respecto a Typescript que estaba provocando el problema. No se especificó el tipo de resultado, pero además de eso, la respuesta de Akhil fue muy precisa. Muchas gracias por la rápida respuesta y el apoyo.
Aquí está el código final que funcionó para mí:
useEffect(() => { const headers = { 'Content-Type': 'application/json' }; // const payload = JSON.stringify({ ...createPayload(), recordImage: newImage }); request(`${url}`, { headers, method: 'GET' }) .then((response: any) => response.json()) .then(result: any => { const res = Object.values(result); setRecordImagesPayload(res); console.log(res); }); }, []);