dancingCycle
/
sandbox-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(pages): adjust to react-router-dom v6

This commit is contained in:
dancingCycle 2022-07-21 21:40:07 +02:00
parent 39c5603c30
commit 04618eb184
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pages/src/main.js
View File

@ -1,5 +1,7 @@
import React from 'react';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
/*in v6 Switch was replaced by Routes*/
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import About from './pages/about';
import Contact from './pages/contact';
import Home from './pages/home';
@ -9,11 +11,12 @@ const Main = () => {
return (
<>
<Router>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
<Route path="/contact" component={Contact} />
</Switch>
<Routes>
{/*in v6 component prop was replaced in favor of element*/}
<Route exact path="/" element={<Home />} />
<Route path="/about" element={<About />} />
<Route path="/contact" element={<Contact />} />
</Routes>
</Router>
</>
);