• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

128
Vistas
React - How to parse the array while fetching?

I'm not getting the array from the express API.

In Express Code, It contains two Main Array - headArr & titleArr to Send as Response.


Express Code:

app.use(cors());
app.use(express.json());

app.post('/api/v1', (request, response) => {

  let headArr = [{ head: 'head 1' }, { head: 'head 1' }];
  let titleArr = [{ title: 'title 1'}, { title: 'title 1' }];

  const data = request.body;

  if (data.term == 'head') {
    response.send({ data: headArr }); //sending the headArr
  }

  else if (data.term == 'title') {
    response.send({ data: titleArr });  //sending the titleArr
  }
});

app.listen(8080);

ReactJS CODE:

function fetchData() {

  const sender = { "term": "title" }; //requesting the term title

  let result = await fetch(`http://localhost:8080/api/v1`, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Accept': 'application/json',
    },
    body: JSON.stringify(sender)
  });

  let output = await result.json();
  console.log(output);  // Output: {data: Array(0)}. Not getting Array here.
}

useEffect(() => {
  fetchData();
}, []);

Console Output: FrontEnd

{data: Array(0)}  //I got the response. But not that array.

You can clearly see this here. I've got Complete JSON response from the server as {data: Array(0)}.

How Do I Get that head & title Array?

almost 3 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda