reactjs - 使用 Material UI 列出项目链接

Question

我创建了一个 Material UI ListItem 菜单，如下所示。
当我单击该按钮时，它会将 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>