如何在抽屜 - 材質UI中將MenuItem設置爲活動狀態？

我有這樣的代碼：如何在抽屜 - 材質UI中將MenuItem設置爲活動狀態？

  <Drawer 
       docked = {false} 
       width = {330} 
       open = {this.state.drawerOpen} 
       onRequestChange = {(drawerOpen) => this.setState({drawerOpen})} 
      > 

        <MenuItem primaryText="Inicio" onTouchTap = {this.drawerOpened} containerElement = {<Link to="/administrador/inicio"/>}/> 
        <MenuItem primaryText="Nueva Incidencia" onTouchTap = {this.drawerOpened} containerElement = {<Link to="/administrador/nueva_incidencia"/>}/> 
        <MenuItem primaryText="Incidencias Recibidas" onTouchTap = {this.drawerOpened} containerElement = {<Link to="/administrador/incidencias_recibidas"/>}/> 
        <MenuItem primaryText="Informes" /*onTouchTap = {() => this.currentPages('Informes')}*/onTouchTap = {this.drawerOpened} containerElement = {<Link to="/administrador/informes"/>}/> 
      </Drawer>

我想，當我點擊菜單項一個，它設置爲「主動」（如引導），帶有背景lighgrey和類似的風格。我怎麼能這樣做？這個問題是由於React-Router的問題，它會卸載組件Menu並重新渲染它，所以狀態不可用。

謝謝。

來源

2017-04-25 JuMoGar

如何在MenuItem周圍創建一個包裝組件並接受樣式屬性，然後將其應用於MenuItem？

這可能會進一步幫助： Toggle background color of list on click react.js

來源

2017-04-25 19:04:46 TechTurtle

謝謝了很多。我已經看到了這一點。但是我的問題是因爲我使用了React Router中的Routes Link，並且組件重新渲染失去了他的狀態。 – JuMoGar

呵呵，不知道那樣沒提。我建議你是否可以發佈一個單獨的問題來使用React Router重新渲染來處理狀態。 – TechTurtle

由於卸載和重新渲染組件，狀態不可用，它們被設置爲默認值。但是，我只有一個狀態：打開：true/false，不再。謝謝。 – JuMoGar

如何在抽屜 - 材質UI中將MenuItem設置爲活動狀態？

回答

相關問題