Tengo una matriz de objetos e iteré a través del objeto usando la función de matriz (mapa) ya que tenemos la misma clave en todos los objetos. ¿No estoy seguro de cómo asignar AA a 123, BB a 345 y CC a 555? AA es un valor codificado para También el orden del objeto puede cambiar como primero puede ser {atr1: CC, atr2: 555} luego el siguiente
Necesito ayuda para superar este problema.
/* {atr1: "AA", atr2: 123}, {atr1: "BB", atr2: 345}, {atr1: "CC", atr2: 555} */ const eList = ecom[0].esat.ttl return ( {eList .map((list) => ( <table class="greyGridTable"> <tbody> <tr> <td>AA</td> <td>{iterated value 123}</td> </tr> <tr> <td>BB</td> <td>{iterated value 345}</td> </tr> <tr> <td>CC</td> <td>{iterated value 555}</td> </tr> </tbody> </table> ))} )En este momento, regresa para cada objeto en eList una tabla completa, es decir, tres tablas.
Solo necesita devolver el contenido de <tr> para el parámetro "lista" a través de .map():
return ( <table class="greyGridTable"> <tbody> {eList.map((list) => ( <tr> <td>{list.atr1}</td> <td>{list.atr2}</td> </tr> ))} </tbody> </table> )