0

Estoy creando una base de datos de una tienda usando mongoDB, tengo un documento asi:

datos de mongo

y estoy usando el .map de esta manera:

{Elemento.ElementosTienda.map(p=> {
//aqui realizo el punto map
                       return <tr key={nanoid()} value={p._id}>
                           <th>{p.Nombre}</th>
                           <th>{p.Serial}</th>
                           <th>{p.Estado}</th>
                           <th>{p.Referencia}</th>
                           </tr>; 
                           })}

El problema es que necesito sacar un objeto en específico, por ejemplo, el primero que lleva un teclado y si lo trato de sacar con la variable p solo se me queda guardado el ultimo de la lista ¿que estoy haciendo mal?

3
  • A qué te refieres cuando dices que quieres sacar un objeto en específico? Quieres que el map devuelva todos menos ese? Commented el 4 may. 2022 a las 5:11
  • 3
    Si necesitas uno en particular usa filter en vez de map Commented el 4 may. 2022 a las 9:20
  • @HernánGarcia Yo no diría "en vez" diría más en combinación con map. La idea sería usar un filter para quedarse con el producto que le interesa y mostrar ese producto con el map justo como ya lo tiene. Sólo con filter en react no puedes mostrar JSX. Otra alternativa es dentro del map preguntar con un if por el producto que te interesa. Si es el producto que te interesa devuelves el JSX, de lo contrario retornas null.
    – Jaime
    Commented el 5 may. 2022 a las 0:00

2 respuestas 2

0

También puedes intentar con el find, que te devuelve el primer elemento que coincida con tu condición, de lo contrario devuelve undefined.

let obj = Elemento.ElementosTienda.find(p => p.id === 5);

obj será el primer objeto que encuentre en el array que cumpla con la condición, independientemente de que haya otros iguales, devuelve undefined cuando no encuentra nada.

-1

Puedes usar un filter

const array = Elemento.ElementosTienda.filter( p=> p.id === (id que buscas))

En el array deberás tener todos los objetos que cumplen la condición y puedes usarlo como quieras... Mas info del filter

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.