我正在努力为<Link/>
我的材料添加组件-ui AppBar
这是我的导航类:
class Navigation extends Component {
constructor(props) {
super(props)
}
render() {
var styles = {
appBar: {
flexWrap: 'wrap'
},
tabs: {
width: '100%'
}
}
return (
<AppBar showMenuIconButton={false} style={styles.appBar}>
<Tabs style={styles.tabs}>
<Tab label='Most popular ideas'/>
<Tab label='Latest ideas' />
<Tab label='My ideas' />
</Tabs>
</AppBar>
)
}
}
Run Code Online (Sandbox Code Playgroud)
标签是可点击的,有流畅的动画,这很酷.但是如何将它们react-router
和它的<Link/>
组件连接在一起?
我试过添加这样的onChange
监听器:
<Tab
label='My ideas'
onChange={<Link to='/myPath'></Link>}
/>
Run Code Online (Sandbox Code Playgroud)
但是我收到以下错误:
Uncaught Invariant Violation: Expected onChange listener to be a …
Run Code Online (Sandbox Code Playgroud)