У меня есть реактивный проект, который использует динамически созданное меню в пользовательском интерфейсе, например:

const createDays = (selectedDay, defaultStyles, selectedStyles) ={amp}gt; { const days = []; for (let i = 0; i {amp}lt;= 7; i  ) { const day = createDate(i); days.push({amp}lt;MenuItem selected={day.dayOfTheWeek === selectedDay.dayOfTheWeek} classes={{ root: defaultStyles, selected: selectedStyles }} key={i} value={day}{amp}gt;{day.dayOfTheWeek}{amp}lt;/MenuItem{amp}gt;); } return days; }; 

этот метод упоминается здесь:

 const DayPickerContainer = ({ day, onChange, classes }) ={amp}gt; { const menuItemStyles = classes.menuItem; const select = classes.selected1; return ( {amp}lt;FormControl{amp}gt; {amp}lt;FormHelperText className={classes.helperText}{amp}gt;Choose Day{amp}lt;/FormHelperText{amp}gt; {amp}lt;Select value={day} onChange={onChange}{amp}gt; {amp}lt;MenuItem value={day}{amp}gt;{day.dayOfTheWeek}{amp}lt;/MenuItem{amp}gt; {createDays(day, menuItemStyles, select)} {amp}lt;/Select{amp}gt; {amp}lt;/FormControl{amp}gt; ); }; 

И эти стили используются:

 const styles = () ={amp}gt; ({ helperText: { fontSize: '23px', }, menuItem: { fontSize: '20px', backgroundColor: 'white !important', }, selected: { backgroundColor: 'red !important', }, }); 

Когда элемент выбран в меню, я хочу, чтобы этот элемент имел другой цвет фона, чем другие элементы. Однако на данный момент ничего не меняется при выборе другого элемента.