Puede que sea básico, pero no sé cómo mostrar el archivo JSON en React Native. Por ejemplo, obtengo un objeto json al
const [post, setPost] = React.useState(null); const baseURL = 'https://jsonplaceholder.typicode.com/posts/1'; React.useEffect(() => { axios.get(baseURL).then(response => { console.log(response.data); setPost(response.data); }); }, []);Y vuelve como
{ "userId": 1, "id": 1, "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit", "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto" }Ahora quiero mostrar en la pantalla algo como
1 1, sunt aut facere repellat provident occaecati excepturi optio reprehenderit, quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto Lo sé, puedo usar post.userId o post.id para mostrar cada uno de ellos, pero si tengo 1000 elementos como este, ¿cómo puedo mostrarlos sin las teclas de llamada? Lo intenté
{Object.keys(post).map(i => ( <Text>{i}</Text> ))}Pero devuelve algo como
{ "userId" "id" "title" "body" }Entonces, ¿cómo puedo mostrar datos en lugar de clave sin usar clave?
Puede usar Object.values para obtener los valores de propiedad enumerables y Array.join para unir la matriz resultante en una cadena:
const obj = { "userId": 1, "id": 1, "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit", "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto" } const res = Object.values(obj).join('\n') console.log(res) Su enfoque Object.keys también está bien: solo necesitará obtener el valor de la propiedad:
const obj = { "userId": 1, "id": 1, "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit", "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto" } const res = Object.keys(obj).map(i => obj[i]).join('\n') console.log(res)