Переопределить CSS для MenuItem TablePagination MaterialUI

Question

Я не знаю, как переопределить CSS для дочернего компонента MenuItem of TablePagination:

https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/TablePagination/TablePagination.js

Я использую компонент как:

<TablePagination 
    colSpan={2}
    count={2} 
    rowsPerPage={2} 
    classes={{
        root: classes.root, caption: classes.caption 
    }} />

Здесь кажется сложным передать стиль в MenuItem.Не могли бы вы предложить несколько решений?

Кажется, новая версия material-ui поддерживает это: https://github.com/mui-org/material-ui/pull/11200/files. Но просто интересно, что мне делать, если я не могу обновить ...

Спасибо!

Answer 1

Нашел себе один обходной путь.В основном это делается путем создания объекта SelectProps:

selectProps = {
    MenuProps: {
        classes: {
            paper: "bar"
        }
    }
};

Затем в использовании TablePagination я использую его:

<TablePagination SelectProps={this.selectProps} />

Это дает родительский элемент для выбора CSS-класса с именем "bar».Затем я просто перезаписываю CSS для "bar".