相关疑难解决方法(0)

Material-ui从react-router添加Link组件

我正在努力为<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)

javascript reactjs react-router material-ui

32
推荐指数
6
解决办法
4万
查看次数

标签 统计

javascript ×1

material-ui ×1

react-router ×1

reactjs ×1