Estou fazendo um App, usando react com typescript e react-router-dom. Porém estou com muita dificuldade para trabalhar com query params nas rotas. Meu objetivo inicial era apenas receber o token e o email que vem na query params.
O token esta vim no seguinte formato:
http://localhost:3000/User/ConfirmEmail/?token=asdas&[email protected]
routes.tsx
<Router>
<Switch>
<Route exact path="/" component={Home} />
<Route
exact
path="/User/ConfirmEmail/:token"
component={ConfirmEmail}
/>
</Switch>
</Router>
confirmEmail.tsx
interface ParamTypes {
token: string;
email: string;
}
const ConfirmEmail: React.FC = () => {
const { token, email } = useParams<ParamTypes>();
useEffect(() => {
console.log(token, email);
});
return (
<>
{token}
{email}
</>
);
};
Estou a dois dias pesquisando sobre, e encontro pouquíssimas pessoas falando sobre um exemplo parecido. O máximo que encontro é exemplos do react-router-dom que esta na documentação dele. Agradeço a ajuda desde já!