create-react-app 搭建的项目中,让 antd 通过侧边栏导航 Menu 的 Menu.Item 控制 Content 部分的变化
第一种:BrowserRouter把Menu和Route组给一起包起来
<Router></Router>
标签要把Menu和Route组给一起包起来
修改src/index.js文件,相应内容如下:
import {BrowserRouter} from 'react-router-dom'
ReactDOM.render(<BrowserRouter><App /></BrowserRouter>, document.getElementById('root'));
- Menu.Item 部分:
<Menu.Item key="2">
<Link to='/'></Link>
</Menu.Item>
- Route 部分
<Route path='/' exact component={ButtonDemo}></Route>