Estoy consumiendo una api y el json que me devuelve quiero enviárselo a otro componente para ahí mostrarlo, pero no se como hacerlo, estoy usando hooks, he visto que hay ejemplos pero con clases :C. Gracias de antemano.
import React, { useState,useEffect } from 'react';
import User from '../user/index.js';
const UserList = () => {
const [planets,setPlanets ]= useState([]);
async function fetchData(){
const res = await fetch("https://swapi.co/api/planets/");
res.json()
.then(res => setPlanets(res.results))
.catch(err => console.log(err));
}
useEffect(()=>{
fetchData();
});
const variable = "Hola variable";
return(
<div>
<User />
</div>
)
}
export default UserList;
import React from 'react';
const User = () =>{
return(
<div></div>
)
}
export default User;