1
resposta

Por que utilizar o Route?

Boa tarde.

Não entendi a necessidade da utilização do no componente Categoria, pois sem ele, aparentemente funciona da mesma forma. Alguém pode me ajudar? Segue código:

import React from "react";
import { Route, useParams, useRouteMatch } from "react-router-dom";
import "../assets/css/blog.css";
import ListaCategorias from "../components/ListaCategorias";
import ListaPost from "../components/ListaPost";

const Categoria = () => {
  const { id } = useParams();
  const { path } = useRouteMatch();
  return (
    <>
      <div className="container">
        <h2 className="titulo-pagina">Pet Notícias</h2>
      </div>
      <ListaCategorias />
     ** <Route exact path={`${path}/`}>
        <ListaPost url={`/posts?categoria=${id}`} />
      </Route>**
    </>
  );
};

export default Categoria;

Obrigado!

1 resposta

Olá, Daniel! Tudo bom?

Nesse caso foi usado o Route para garantir que o usuário será encaminhado com precisão para a URL correta. Por isso que o instrutor utiliza o useParams() e o useRouteMatch(). O primeiro pega os parâmetros de id dos posts do blog e o segundo pega o path, que contém o padrão de caminho dinâmico com parâmetros de URL (por exemplo. /posts/:posts) e deve ser usada para criar caminhos relativos para componentes Route.

Espero ter ajudado! Abraços.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software