为什么 MenuItem 组件在 react material-ui 中不能作为链接工作答案

【问题标题】：Why MenuItem component not work as Link in react material-ui为什么 MenuItem 组件在 react material-ui 中不能作为链接工作
【发布时间】：2020-06-09 09:01:09
【问题描述】：

您好，我尝试使用弹出菜单，单击项目后应该更改 url 和组件，但它不起作用。我在沙盒中建立了我的情况： https://codesandbox.io/s/romantic-surf-40p19?fontsize=14&hidenavigation=1&theme=dark

我就是这样用的

<MenuItem component={Link} to="/edit">
   Zmena role
</MenuItem>

问题是点击后什么都没有发生。

【问题讨论】：

标签： javascript reactjs material-ui

【解决方案1】：

您的问题是，在 JSX 中，css 的编写方式与常规 CSS 有点不同。你的风格background-color: red 应该写成backgroundColor: "red" 我已经添加了一个链接到我在下面修复的工作版本。注意我是如何在 JSX 中编写 css 的。

解决方案：https://codesandbox.io/s/romantic-golick-jhzcz

补习：https://www.w3schools.com/react/react_css.asp, https://reactjs.org/docs/faq-styling.html

【讨论】：

这不是问题。这是我不小心把它贴在这里后改变的。无论如何，问题是在您尝试单击“角色”菜单项后没有任何反应。我需要更改 url 而不刷新到 www.xxxxxxx.xx/home 例如
我应该在哪里添加这个？
你应该使用路由。请点击此链接，如果您有任何问题，请告诉我。 medium.com/javascript-in-plain-english/…