使用 Material UI 列出项目链接

Question

我创建了一个 Material UIListItem菜单，如下所示。
当我单击按钮时，它会将 URL 更新为http://localhost:3000/createIdea，但页面不会通过路由器加载。

如果您进入浏览器 URL 窗口并点击Enter，页面就会加载。

DrawerMenu.js有路由：

<Route exact path='/createIdea' component={() => <CreateIdea />} />

并且App.js-> drawerMenu.js*-> tiledata.js：

<ListItem button component={Link} to="/createIdea">   
    <ListItemIcon>
      <WhatsHotIcon/>
    </ListItemIcon>
    <ListItemText primary="Create Idea"/>
</ListItem>

我可以做什么来解决这个问题？

Answer 1

你可以试试这个。这对我有用。

import { Link } from 'react-router-dom';

<ListItem button component={Link} to="/createIdea">   
    <ListItemIcon>
      <WhatsHotIcon/>
    </ListItemIcon>
    <ListItemText primary="Create Idea"/>
</ListItem>