/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

1 vote150 views1 answer
On_raw_reaction_add example
Javascript React
2 votes156 views4 answers
Date range picker react
Javascript React
0 vote212 views1 answer
Discord bot remove message reaction
Javascript React
0 vote178 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
1 vote178 views1 answer
How to delete an object from array in reactjs
Javascript React
0 vote157 views1 answer
Connect react native app to local api macos
Javascript React
99 votes189 views6 answers
How to install react router DOM
Javascript React
12 votes105 views3 answers
React form hook npm
Javascript React
1 vote168 views1 answer
How to setup React Context, useContext Hook
Javascript React
0 vote144 views1 answer
React-file-base64
Javascript React