EN
React - react-router-dom doesn't work (blank page)
2 answers
3 points
When I try to use basic routing with react-router-dom inside one component, every other component on the page disappears and I don't know why.
My code:
xxxxxxxxxx1
import React from 'react';2
import style from './GameContent.scss';3
import HomePage from './HomePage';4
import { BrowserRouter as Router, Routes, Route} from 'react-router-dom';5
6
const GameContent = () => {7
return (8
<div class={style.GameContent}>9
<Router>10
<Routes>11
<Route path="/">12
<HomePage />13
</Route>14
</Routes>15
</Router>16
</div>17
);18
};19
20
export default GameContent;21
2 answers
6 points
Check this article https://dirask.com/posts/React-react-router-basic-routing-example-1RoqqD.
0 commentsShow commentsAdd comment
3 points
There were some major changes in new version of react-router-dom (v6). Check your version and update the code.
Your code with react-router-dom v6 should look like this:
xxxxxxxxxx1
import React from 'react';2
import style from './GameContent.scss';3
import HomePage from './HomePage';4
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';5
6
const GameContent = () => {7
return (8
<div class={style.GameContent}>9
<Router>10
<Routes>11
<Route path="/" element={<HomePage />} />12
</Routes>13
</Router>14
</div>15
);16
};17
18
export default GameContent;0 commentsAdd comment
