material ui ListItem 如何绑定react-router Link

Question

我想通过点击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>

Answer 1

找到解决方法了：

import {Link} from 'react-router-dom'
<ListItem
                            component={Link}
                            to="/"
                            button>