Olá boa noite, tudo bem? Minha dúvida seria no desafio do vídeo abaixo:
https://cursos.alura.com.br/extra/alura-mais/hooks-do-react-useeffect-c1533
Ao utilizar o useState para retornar o dados dos times, os times não são preenchidos:
const [colaboradores, setColaboradores] = useState([]);
useEffect(() => {
fetch('http://localhost:8080/inicial')
.then(resposta => resposta.json())
.then(dados => {
setColaboradores(dados)
})
}, []);
O json está nesse formato:
{
"inicial": [
{
"id": "uuidv4()",
"favorito": false,
"nome": "JULIANA AMOASEI",
"cargo": "Desenvolvedora de software e instrutora",
"imagem": "https: //www.alura.com.br/assets/img/lideres/juliana-amoasei.1647533644.jpeg",
"time": "times[0].nome"
},
{
"id": "uuidv4()",
"favorito": false,
"nome": "DANIEL ARTINE",
"cargo": "Engenheiro de Software na Stone Age",
"imagem": "https: //www.alura.com.br/assets/img/lideres/daniel-artine.1647533644.jpeg",
"time": "times[0].nome"
}
]
}
Antes, os dados dos times estava em um array de objetos, exemplo abaixo:
const inicial = [
{
"id": "uuidv4()",
"favorito": false,
"nome": "JULIANA AMOASEI",
"cargo": "Desenvolvedora de software e instrutora",
"imagem": "https: //www.alura.com.br/assets/img/lideres/juliana-amoasei.1647533644.jpeg",
"time": "times[0].nome"
},
{
"id": "uuidv4()",
"favorito": false,
"nome": "DANIEL ARTINE",
"cargo": "Engenheiro de Software na Stone Age",
"imagem": "https: //www.alura.com.br/assets/img/lideres/daniel-artine.1647533644.jpeg",
"time": "times[0].nome"
}
]
const [colaboradores, setColaboradores] = useState(inicial);
Com o useState([]) é retornado o objeto diretamente, e os times não são preenchidos, alguém conseguiria me ajudar?