Как изменить цвет фона выбранного ITEMLIST материала-Ui

Question

Я создал выбираемый компонент с использованием материала-интерфейса

let SelectableInfiniteList = makeSelectable(Infinite); 

и положить ListItem внутри, теперь я хочу, чтобы изменить сероватый цвет по умолчанию для выбранного элемента , но я не знаю, как, если я дам ему имя класса

<ListItem className="list-item" primaryText={i}/> 

и использовать список-элемент: селектор фокус можно изменить цвет фона, пока он ориентирован (но если я нажимаю где-то в приложение) фокус утерян, а серый цвет отображается на выбранном элементе (все еще),

Есть ли способ изменить выбранный цвет фона элемента?

Answer 1

В вашем компоненте более высокого порядка добавить новое свойство selectedItemStyle!

<ComposedComponent selectedItemStyle={selectedItemStyle} value={this.state.selectedIndex} onChange={this.handleRequestChange} containerHeight={this.props.containerHeight} elementHeight={40}> 
    {this.props.children} 
</ComposedComponent> 

где selectedItemStyle является

const slectedItemStyle = { 
backgroundColor: 'red' 
}