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:
import React from 'react';
import style from './GameContent.scss';
import HomePage from './HomePage';
import { BrowserRouter as Router, Routes, Route} from 'react-router-dom';
const GameContent = () => {
return (
<div class={style.GameContent}>
<Router>
<Routes>
<Route path="/">
<HomePage />
</Route>
</Routes>
</Router>
</div>
);
};
export default GameContent;
2 answers
6
points
Check this article https://dirask.com/posts/React-react-router-basic-routing-example-1RoqqD.
0 comments
Add 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:
import React from 'react';
import style from './GameContent.scss';
import HomePage from './HomePage';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
const GameContent = () => {
return (
<div class={style.GameContent}>
<Router>
<Routes>
<Route path="/" element={<HomePage />} />
</Routes>
</Router>
</div>
);
};
export default GameContent;
0 comments
Add comment