Material-UI BottomNavigationItem URL

Question

Interface utilisateur sur un composant de réaction. J'ai un composant <BottomNavigationItem />. Cela se traduit réellement par <button>. Comment puis-je réellement rendre le rendu/naviguer vers une 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

vous pouvez simplement ajouter simplement containerElement={<Link to="/home"/>} ne pas oublier d'importer Link de react-router-dom

Il sera comme ceci:

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