Como ir para outra página através do <h2/>

Programação
,
#1

Como eu posso tornar o

<h2> Corte Inteligente <h2>
em um link para outra pagina do meu mesmo programa no visual code, por favor?

const Landing: React.FC = () => {
  const [totalConnections, setTotalConnections] = useState(0);

  useEffect(() => {
    api.get('connections').then(response => {
      const { total } = response.data;
      setTotalConnections(total);
    })
  }, []);

  return (
    <div id="page-landing">
      <div id="page-landing-content" className="container">
        <div className="logo-container">
          <img src={logoImg} alt="BarberBoards"/>
          <h2>Corte inteligente</h2>
#2

Eu uso o history (react-router-dom).

Com ele (history) ficaria:

<h2 onClick={()=> history.push('/minha-rota')}>
   Bla bla
</h2>

Se vc usa o react-router-dom, mas nao usa o history, pode usar o <Link/>

<Link to={"minha-rota"}>
   Bla bla
</Link>

Se vc não usa, pode usar a tag a mesmo e vai customizando com o css até ficar igual um h2.

<a href="minha-rota">
   Bla bla
</a>
1 curtida
#4

Hermanow, muito obrigado!! :heart::heart:

#5

Só não entendo por que a mensagem que eu coloquei na minha rota não aparece na página especificada

GUJ2
GUJ2.jpg1366×768 115 KB

#6

Cara, o react lida um pouco diferente com as rotas, vc tem que colocar o conteudo dentro do render, exportar a function/const e chamar na sua rota… Se eu for falar aqui vai ser bem extenso e nao vai dar pra entender, tenta dar uma olhada nesse video da rocket

1 curtida
#7

Uau… mto informação kkkkkkkkkkkkkk
mas vou assistir novamente e continuar re-assistindo até pegar tudo…
valeu pelo help!! to na guerra aqui pra conseguir!!! =D