Como Usar useParams Para Obter Parâmetros URL - React

Os Hooks do React chegaram mudando tudo! O que conhecíamos antes, com a atualização, passou a ficar muito mais fácil!
Isso se aplica aos nossos códigos mas também em algumas famosas libs!
Um exemplo disso é o React Router Dom!
Vamos ver como fica o acesso de parâmetros da URL com o useParams()?

Para acessar parâmetros da URL antes já era muito simples, agora ficou mais fácil ainda!
Digamos que a nossa rota siga o seguinte padão:

/blog/:idPost

E queremos utilizar a varíavel idPost que vem pela URL, podemos fazer simplesmente:

1
2
3
4
5
6
7
8
9
import React from "react";
import ReactDOM from "react-dom";
import { useParams } from "react-router-dom";

function BlogPost() {
// Desconstruímos da URL a varíavel idPost
const { idPost } = useParams();
return <div>ID do post: {idPost}</div>;
}

Simples assim! Tem jeito de ser mais fácil do que isso?
E você, tem utilizado muito os hooks?
Diz aí como tem sido sua experiência!