I have tried to learn React and now wanted make a Route but it seems like it doesnt render Overview. Iam thankful for any help.
JavaScript
x
17
17
1
import Sidebar from "./components/Sidebar";
2
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom';
3
import Overview from "./pages/Overview";
4
5
function App() {
6
return (
7
<Router>
8
<Sidebar />
9
<Switch>
10
<Route path="/overview" components={Overview} />
11
</Switch>
12
</Router>
13
);
14
}
15
16
export default App;
17
JavaScript
1
12
12
1
import React from 'react';
2
3
const Overview = () => {
4
return (
5
<>
6
<div>Please Render!!</div>
7
</>
8
)
9
};
10
11
export default Overview;
12
Advertisement
Answer
You have type error, you write components instead of component. Change this
JavaScript
1
2
1
<Route path="/overview" components={Overview} />
2
to this
JavaScript
1
2
1
<Route path="/overview" component={Overview} />
2