Gostaria de entender melhor como ele funciona. Da onde ele sabe que o ID é o parâmetro dos vídeos.
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!