Как узнать состояние выпадающие списка Select?

Question

[maksipes]

Возможно ли узнать состояние списка - свернут или открыт в следующей ситуации:

<Select
  value={this.state.value}
  onChange={this.handleChange}
>
  <MenuItem value="">
    // тут как-то надо проверить состояние списка
  </MenuItem>
  <MenuItem value={10}>Ten</MenuItem>
  <MenuItem value={20}>Twenty</MenuItem>
  <MenuItem value={30}>Thirty</MenuItem>
</Select>

Тут юзается ReactJS и Material UI, компонент Select.

Есть ли какой-то способ проверить состояние списка - "open" он или нет, не передавая дополнительную пропсину из Select в MenuItem ?

Заранее благодарю.

Answer 1

[Mikhail Osher]

Вижу два варианта:
1) контроллировать проп open
2) прокинуть onOpen/onClose и в локальном useState опираться на это состояние