Jak ostylować element 'selected' @material-ui ReactJS

Question

Chce zmienić styl elementu jak jest już naciśnięty nwm jak to zrobić wiem ze ten ListItem po nacisnieciu na niego zyskuje klasę Mui-selected.

const style = theme => ({
listItem: {
    cursor: 'pointer',
    '&:hover': {
      backgroundColor: '#eee'
    }
//Nie da się tutaj ostylować klasy Mui-selected
})
export default style;

 

 

Comments

z jakiego komponentu dokładnie korzystasz?

---

https://stackoverflow.com/questions/40591095/how-to-change-background-color-of-a-selected-itemlist-material-ui

---

Korzystam z ListItem zmieniłem tak jak na linku ,który mi wysłałeś i dalej nie działa

<ListItem  
button selected={true} 
className={classes.listItem} 
classes={{ selected: classes.sel }}>
</ListItem>

sel:
    {
      backgroundColor:'red'
    }

Dalej ma podstawowy design dla klikniętego elementu

---

css się dodaje inaczej 

.sel {
      background-color: red;
}

 

---

ale to nie jest css tylko javascript

const style = theme => ({

sel:
{
backgroundColor:'red'
}
})
export default style;

 

---

ok w sumie w moim sandboxie tez mi nie dziala... Posiedze jeszcze chwile przy tym moze coś wykombinuje