如何使用material-ui @ next MenuItem进行路由？

Question

使用实施路由的最佳实践是material-ui@next什么？在以前的版本中，我可以使用containerElement，Link但不再起作用。在文档中找不到任何帮助。

 <MenuItem containerElement={<Link to="/myRoute" />}>My Link</MenuItem>

Answer 1

你现在可以MenuItem像这样给一个组件道具：

<MenuItem component={Link} to='/myRoute'>
go to my route
</MenuItem>

Answer 2

您可以将其Link用作父组件MenuItem：

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

检查正在运行的演示（请参阅demo.js文件）。