Пользовательский интерфейс материала Выберите положение переопределения в теме

Question

Я хочу переопределить положение выпадающего поля выбора в теме (чтобы не приходилось реализовывать его при каждом выборе).

У меня есть попытка:

createMuiTheme({
  overrides: {
    MuiSelect: {
      select:{
        MenuProps: {
          getContentAnchorEl: null,
            anchorOrigin: {
              vertical: "bottom",
                horizontal: "left",
            }
          }
        }
      }
    }
  }
});

Положение раскрывающегося списка не отменяется. Я также пытаюсь заменить select на selectMenu, но ничего не происходит ...

Когда я перехожу непосредственно к компонентным реквизитам, это работает:

<Select
  ...otherProperties, 
  MenuProps={{
    getContentAnchorEl: null,
    anchorOrigin: {
      vertical: "bottom",
      horizontal: "left",
    }
  }}
>
  ...childs
</Select>

Как я могу добиться этого реквизит для всех выбрать?

Для информации я использую:

"react": "^16.12.0",
"@material-ui/core": "^4.9.10", 
"typescript": "3.6.3",

Заранее спасибо

Answer 1

Клавиша переопределения предназначена для переопределения стилей. Вы должны использовать ключ реквизита для установки по умолчанию реквизитов в теме.

Вот правильный синтаксис:

const theme = createMuiTheme({
  props: {
    MuiSelect: {
      MenuProps: {
        getContentAnchorEl: null,
        anchorOrigin: {
          vertical: "bottom",
          horizontal: "left"
        }
      }
    }
  }
});

Соответствующий ответ: Можно ли переопределить параметры по умолчанию для компонентов Material-UI?