/Javascript/React/How to use elements of 'react-router-dom'

How to use elements of 'react-router-dom'

import React from 'react'
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'

import '../styles/global.css'

import Layout from '../containers/Layout'
import Home from '../pages/Home'
import Login from '../containers/Login'
import RecoveryPassword from '../containers/RecoveryPassword'
import NotFound from '../pages/NotFound'

const App = () => {
  return (
    <Router>
      <Layout>
        <Routes>
          <Route exact path="/" element={<Home/>}/>
          <Route exact path="/login" element={<Login/>}/>
          <Route exact path="/recovery-password" element={<RecoveryPassword/>}/>
          <Route path="*" element={<NotFound/>}/>
        </Routes>
      </Layout>
    </Router>
  );
}

export default App;

Source: stackoverflow.com

Similar codes

27 votes125 views4 answers
Font awesome react npm
Javascript React
0 vote133 views1 answer
Network display react native
Javascript React
0 vote125 views1 answer
Cannot find module 'sass' react
Javascript React
0 vote117 views1 answer
Too many open files react native
Javascript React
0 vote109 views1 answer
Adding js file to reactjs
Javascript React
2 votes170 views1 answer
Get current screen name react navigation
Javascript React
0 vote141 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
1 vote114 views1 answer
How to execute function without using onclick on react code example
Javascript React
18 votes118 views6 answers
Import svg as react component
Javascript React
18 votes124 views6 answers
React native create apk
Javascript React