router не рендерит компоненты?
class App extends Component {
render() {
return (
<div>
<AppBar position="static">
<Toolbar>
<Typography variant="title" color="inherit">
BudgetApp Application
</Typography>
<div className="menu">
<Button variant="contained">
<Link to="/">Home</Link>
</Button>
<Button variant="contained">
<Link to="/budget">Budget app</Link>
</Button>
</div>
</Toolbar>
</AppBar>
<div className="app">
<Switch>
<Route exact path="/" compontent="{Home}" />
<Route path="/budget" compontent="{Budget}" />
<Route path="*" compontent="{NotFound}" />
</Switch>
</div>
</div>
);
}
}
compontent="{Home}" ковычки не нужны
а переход вообще работает? Вроде как надо линком оборачивать кнопку
Обсуждают сегодня