反应 link 到下拉菜单上的另一个页面

Question

我试图 link 到响应式下拉菜单中的另一个页面，但遗憾的是它不起作用。我在前端使用 MUI，在后端使用 React。我的代码在 Branch David 上 GitHub。

Answer 1

您没有将 Link 附加到下拉菜单。如果您想在下拉菜单项上单击切换页面，请将菜单下拉选项渲染的代码包装在 Link 中，即

import {Link} from "react-router-dom";
{pages.map((page) => (
 <Link to={page.link} key={page.name}> 
  <MenuItem  onClick={handleCloseNavMenu}>
      <Typography textAlign="center">
        {page.name}
      </Typography>
   </MenuItem>
  </Link>
))}

Answer 2

为此，您应该使用 react-router 和 react-router-dom 包。他们提供用于路由和导航的 API。

我认为这个 link 对你很有帮助：

编码愉快！ :)

反应 link 到下拉菜单上的另一个页面

React link to another page on drop down menu

javascript

reactjs

material-ui