如何使用material-ui @ next MenuItem进行路由? [英] How to do routing with material-ui@next MenuItem?

问题描述

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

What's the best practice to implement routing using the material-ui@next? In the previous version I could use containerElement with a Link but doesn't work anymore. Couldn't find any help in the docs.

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

推荐答案

您可以将Link用作MenuItem的父组件:

You can use Link as parent component for 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>

这篇关于如何使用material-ui @ next MenuItem进行路由?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！