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 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 About from './pages/about';
import Contact from './pages/contact'; import Contact from './pages/contact';
import Home from './pages/home'; import Home from './pages/home';
@ -9,11 +11,12 @@ const Main = () => {
return ( return (
<> <>
<Router> <Router>
<Switch> <Routes>
<Route exact path="/" component={Home} /> {/*in v6 component prop was replaced in favor of element*/}
<Route path="/about" component={About} /> <Route exact path="/" element={<Home />} />
<Route path="/contact" component={Contact} /> <Route path="/about" element={<About />} />
</Switch> <Route path="/contact" element={<Contact />} />
</Routes>
</Router> </Router>
</> </>
); );