Gostaria de entender melhor como ele funciona. Da onde ele sabe que o ID é o parâmetro dos vídeos.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Gostaria de entender melhor como ele funciona. Da onde ele sabe que o ID é o parâmetro dos vídeos.
Oi, Turi, tudo bem?
O useParams é um hook do React Router que permite acessar os parâmetros da URL da rota atual. Ele retorna um objeto com os parâmetros da rota.
Nesse caso, o id é um parâmetro da URL que está sendo acessado. Por exemplo, se você tem uma rota definida como /video/:id, e a URL atual é /video/123, então useParams() retornará { id: "123" }.
No trecho de código:
fetch(`https://my-json-server.typicode.com/monicahillman/cinetag-api/videos?id=${parametros.id}`)
O parametros.id está pegando o id da URL e passando como parâmetro para a API externa. Isso permite que você faça uma requisição para a API e obtenha o vídeo específico que corresponde a esse id.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!