/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

28 votes333 views6 answers
React fontawesome
Javascript React
0 vote366 views1 answer
Install react-foundation library in react js
Javascript React
2 votes380 views1 answer
How to import lodash in react
Javascript React
17 votes404 views4 answers
React native geolocation
Javascript React
0 vote355 views1 answer
React handling event
Javascript React
5 votes362 views1 answer
How to host react app on heroku
Javascript React
0 vote369 views1 answer
Add two export in same page react
Javascript React
23 votes390 views5 answers
USE ICONS IN REACT
Javascript React
21 votes286 views3 answers
Hide header bar react navigation
Javascript React
1 vote342 views1 answer
I18n turn off suspense react
Javascript React