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
    Commented 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
    Commented 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
    Commented 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
    Commented 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
    Commented 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

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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