Tengo una matriz de objetos con claves que tienen diferentes nombres.
let array = [{"obj1": 1, "obj2": 2}, {"obj3": 3}]Quiero poder mostrar en el frente (react-native) la clave y el valor. Intenté hacerlo con un mapa y object.entries pero no funciona (Error: los objetos no son válidos como un elemento secundario de React. Si tenía la intención de representar una colección de elementos secundarios, use una matriz en su lugar):
{Object.entries(array).map(([key, val] = entry) => { return (<Text>{[key, val]}</Text>) })¿Cómo podría mostrar simplemente en un Texto la clave y el valor de cada objeto?
Debe reducir la matriz, distribuir las entradas y luego aplanar. El resultado será una matriz de pares clave-valor.
const array = [{ "obj1": 1, "obj2": 2 }, { "obj3": 3 }] const keyValuePairs = array .reduce((pairs, obj) => [...pairs, Object.entries(obj)], []) .flat(); keyValuePairs.forEach(([key, val]) => console.log(key, val));