Aulas/30 - React Router/06 - Link/my-app/src/App.js
// Nessa aula iremos colocar nossos links para funcionar utilizando o react-router.
Nessa aula iremos colocar nossos links para funcionar utilizando o react-router.
Nessa aula iremos colocar nossos links para funcionar utilizando o react - router .
function App() {
  return (
    <Router>
      <div className='App'>
        <Nav />
        <Switch>
          {}
          <Route path='/sobre'>
            <Sobre />
          </Route>
          <Route path='/aulas'>
            <Aulas />
          </Route>
          <Route exact path='/'>
            <Home />
          </Route>
          <Route path='*'>
            <div className='page'> <strong>Essa Rota não existe! </strong> </div>
          </Route>
        </Switch>
      </div>
    </Router>
  )
}
function App ( ) { return ( < Router > < div className = 'App' > < Nav / > < Switch > { } < Route path = '/sobre' > < Sobre / > < / Route > < Route path = '/aulas' > < Aulas / > < / Route > < Route exact path = '/' > < Home / > < / Route > < Route path = '*' > < div className = 'page' > < strong > Essa Rota não existe! < / s trong> < / d iv> < / Route > < / Switch > < / div > < / Router > ) }
Nessa aula iremos colocar nossos links para funcionar utilizando o react-router.
Nessa aula iremos colocar nossos links para funcionar utilizando o react - router .
/* Em cada rota iremos passar o caminho, que so deve ser renderizado quando estivermos nesse exato caminho. */