Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

75
Views
Carga de datos mapeados de React JS

Estoy tratando de hacer una aplicación web y estoy obteniendo datos de algún lugar como una matriz. Obtuve direcciones URL de esta matriz en cada elemento. Así que no podía imaginar cómo debería obtener datos de las direcciones URL asignadas.

 useEffect(() => { axios .get(`someurl`) .then((response) => setState(response.data)); }, []);

Estoy buscando básicamente como arriba y poniendo la respuesta en algún estado.

 [{ "userId": 1, "id": 1, "title": "delectus aut autem", "completed": false, "url": "fakeapi.com/user/1" }, { "userId": 2, "id": 2, "title": "delectus aut autem", "completed": false, "url": "fakeapi.com/user/2" }]

Luego estoy mapeando la respuesta y listando en la tabla. Quiero buscar de nuevo a través de direcciones URL en respuesta. No pude entender cómo debo hacerlo porque estoy poniendo cada respuesta en un estado. ¿Cómo debo hacerlo? ¡Gracias por adelantado!

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Este código obtiene la lista de usuarios primero y luego obtiene la información del usuario individual usando la URL de respuesta.datos por el ciclo. Luego, finalmente se estableció en el estado establecido

 axios .get(`someurl`) .then(async (response) => { await response.data.map(async (data, index) => { await axios .get(data.url) .then((resp) => response.data[index].user_data = resp.data ); }) console.log(response.data) setState( prevData => [...prevData, response.data] ); })
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!