0

Necesito conseguir la data de un array de objetos, sin embargo, cuando no uso los corchetes se genera un loop infinito, y cuando los uso, este no imprime nada, si alguien sabe como implementarlo correctamente, se lo agradecería.

Aquí el código:

    useEffect(()=>{
       const aux: any[] = [];
       console.log('Aquí imprime');
       driverTaskData?.map((obj: any)=>{
          // aux.push(obj);
          // setDriverTaskData((aux));
          console.log('Aquí no.'); // No muestra nada
          console.log(obj); // No muestra nada
    });
  }, []);

Aquí un ejemplo del array:

[{_id: 62fe58d646052224c62e541e , patente: 4DBLU3 ,fecha: 2022-08-19 , cliente: Cliente Ejemplo , zona: Zona Ejemplo }]
[{_id: 62fe58d646052224c61f541e , patente: 4DBLU3 ,fecha: 2022-08-19 , cliente: Cliente Ejemplo , zona: Zona Ejemplo }]
[{_id: 62fe58d646052224c63b541e , patente: LVBR1C4NT3,fecha: 2022-08-19 , cliente: Cliente Ejemplo , zona: Zona Ejemplo }]

Necesito conseguir la data para hacer una comparación con las patentes, sin embargo no se recorrer el map sin generar el loop mencionado anteriormente.

19
  • es posible que driverTaskData no tenga nada ?, has verificado si antes de llegar al map tiene información.
    – Richard
    el 19 ago. 2022 a las 18:59
  • esta pregunta es un duplicado de la pregunta que hiciste hace un rato y que tenía una respuesta.
    – user46896
    el 19 ago. 2022 a las 19:01
  • el uso de map. no es esclusivo de react... ni está asociado a use efect... es netamente un problema de javascript y de la implementacion de map que no sabes hacerla...
    – user46896
    el 19 ago. 2022 a las 19:03
  • @ArcanisGK507 Si, tuve que reformular el título ya que la solución que me diste era sin UseEffect, y lo necesito para poder implementarlo.
    – Tomás
    el 19 ago. 2022 a las 19:10
  • la unia diferencia es que metas el map dentro de tu scritp ... segun mi ejemplo que esperas el codigo resuelto????
    – user46896
    el 19 ago. 2022 a las 19:11

1 respuesta 1

1

En un escenario de array de objetos tendriamos los siguiente datos de ejemplo:

const arr = [
  {
    prop1: 'one',
    prop2: true,
    prop3: 'three',
  },
  {
    prop1: 'one',
    prop2: false,
    prop3: 'three',
  },
];

console.log(arr)

Para implementar .map() y acceder a las propiedades de un objeto dentro del callbak tendrias que implementar algo similar a esto:

const arr = [
  {
    prop1: 'one',
    prop2: true,
    prop3: 'three',
  },
  {
    prop1: 'one',
    prop2: false,
    prop3: 'three',
  },
];

arr.map((value,key) => {
  if(value.prop2 == true){
    console.log('i find a valid true on key: '+key);
  }

  console.log(value,key);
})

Como podras observas en callback he ejecutado una validacion, que me permite mostrar un texto para una circunstacia especifica.

En tu caso el Metodo quedaria de la siguiente forma:

//ejemplo de los dato en driverTaskData
const driverTaskData = [
{_id: '62fe58d646052224c62e541e' , patente: '4DBLU3' ,fecha: '2022-08-19' , cliente: 'Cliente Ejemplo' , zona: 'Zona Ejemplo' },
{_id: '62fe58d646052224c61f541e' , patente: '4DBLU3' ,fecha: '2022-08-19' , cliente: 'Cliente Ejemplo' , zona: 'Zona Ejemplo' },
{_id: '62fe58d646052224c63b541e' , patente: 'LVBR1C4NT3',fecha: '2022-08-19' , cliente: 'Cliente Ejemplo' , zona: 'Zona Ejemplo' }
];


//iterrar el array driverTaskData
driverTaskData.map((value,key) => {
      console.log(value,key);
      console.log(value.patente);

});

entonces este map es el que deberias de colocar y adaptar a tu metodo useEffect.

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.