Material-UI BottomNavigationItem 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)}
            />