2

Estoy trabajando en React Native en algo parecido a esto:

render() {
    let fuentes = ["fuente1", "fuente2"];
    const renderEsto = fuentes.map((f) => {
        return (
                <Text>{ f }</Text>
        );
    });

    return (
        { renderEsto }    
    )
}

Es decir, tengo una lista fuentes e itero sobre ella con Array.map() para mostrar los datos.

Ahora bien, resulta que por circunstancias debo cambiar la lista y tratar con un objeto del tipo:

let fuentes = {
   "fuente1": "cierta info",
   "fuente2": "algo más"
 };

Y querría utilizar algo parecido al map() para iterar sobre índice y valor, para tener acceso tanto a fuente1 como a cierta info en la primera iteración, fuente2 en la 2.ª, etc.

He probado con

const renderEsto = fuentes.forEach((f, texto) => {
    ...
}

Pero me dice que:

TypeError: TypeError: undefined is not a function (near '...fuentes.forEach...')

¿Cómo itero sobre un array en React Native?

1
  • 2
    No existe un método propio de React para iterar objetos, puedes revisar la misma pregunta en el sitio en ingles How to loop an object in React?, aunque las respuestas son semejantes a las que te respondieron. el 19 oct. 2019 a las 2:33

1 respuesta 1

5

Lo que tienes no es un array, sino un objeto, lo puedes recorrer con un for por ejemplo:

let fuentes = {
   "fuente1": "cierta info",
   "fuente2": "algo más"
 };
 
 for(i in fuentes){
  console.log(i,':', fuentes[i]);
 }

otra forma puede ser con un keys y forEach así:

let fuentes = {
   "fuente1": "cierta info",
   "fuente2": "algo más"
 };
 
 Object.keys(fuentes).forEach((e) => { 
  console.log(e,':', fuentes[e]);
 });

para poder iterarlo con map se puede usar values para tener solo los valores:

let fuentes = {
   "fuente1": "cierta info",
   "fuente2": "algo más"
 };
 
 Object.values(fuentes).map(e => 
  console.log(e)
 );

3
  • Mmmm ¿pero no hay ninguna función de ECMA del tipo fuentes.map() para hacer lo mismo? Me resulta muy útil poder hacerlo así para construir bloques con React Native.
    – fedorqui
    el 18 oct. 2019 a las 23:33
  • @fedorqui prueba la segunda con keys y foreach
    – erika_chan
    el 18 oct. 2019 a las 23:34
  • @fedorqui si quieres iterarlo con map puedes usar Object.values
    – erika_chan
    el 18 oct. 2019 a las 23:56

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.