Question

使用react-router-dom打破的旧菜单项

     <MenuItem
                containerElement={<Link to="/module" />} >Module</MenuItem>

这停止了工作......

如何升级这些新的菜单项控件以与react-router一起使用？

我已经尝试用root替换containerElement，并且还用tag标记，但是超链接带有下划线。我想保持与MenuItem相同的风格。

Answer 1

来自这篇文章：How to do routing with material-ui@next MenuItem?

从这里查看demo.js https://codesandbox.io/s/5213wzkvpl

您可以使用Link作为MenuItem的子项：

<MenuList>
  <MenuItem>
    <Link to="/myRoute" style={{ textDecoration: 'none', display: 'flex' }}>
      go to my route
    </Link>
  </MenuItem>
</MenuList>

MenuItem containerElement升级到v1 material-ui后断开的链接

1 个答案: