Material-UI 底部导航项 URL

Question

反应组件上的 UI。我有一个<BottomNavigationItem /> 组件。这实际上呈现为<button>。我怎样才能真正让它呈现/导航到一个 URL？

class FooterNavigation extends Component {
  state = {
    selectedIndex: 0,
  };

  select = (index) => this.setState({selectedIndex: index});

  render() {
    return (
        <footer className="mdl-mini-footer">
            <Paper zDepth={1}>
            <BottomNavigation selectedIndex={this.state.selectedIndex}>
            <BottomNavigationItem
                label="Reviews"
                icon={reviewIcon}
                onClick={() => this.select(0)}
            />
            </BottomNavigation>
            </Paper>
        </footer>
    );
  }
}

Answer 1

只需添加containerElement={<Link to="/home"/>}，别忘了从react-router-dom 导入Link

所以它会是这样的：

   <BottomNavigationItem
                containerElement={<Link to="/home"/>}
                label="Reviews"
                icon={reviewIcon}
                onClick={() => this.select(0)}
            />