material ui ListItem 如何绑定react-router Link

Awbeci
  • 2.5k

我想通过点击material ui 的ListItem组件然后跳转页面,所以想绑定到react-router 的Link,但是设置不起作用,请问如何解决

<ListItem button classes={{
                            root:classes.listItem
                        }}>
                            <ListItemIcon>
                                <Home className={classNames(classes.sidebarButton)} />
                            </ListItemIcon>
                            <ListItemText classes={{
                                text:classes.listItemTextRoot
                            }} primary="首页">
                                <Link to="/">首页</Link>
                            </ListItemText>
                        </ListItem>
回复
阅读 2.7k
1 个回答
✓ 已被采纳

找到解决方法了:

import {Link} from 'react-router-dom'
<ListItem
                            component={Link}
                            to="/"
                            button>
你知道吗?

宣传栏