How to know the state of a Select dropdown list?

Question

React

Is it possible to know the state of the list - collapsed or opened in the following situation:

<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>

It uses ReactJS and Material UI, the Select component.
Is there some way to check if the list is "open" or not, without passing an extra propsin from Select to MenuItem ?
Thank you in advance.

Answer 1

I see two options:
1) control the open prop
2) throw onOpen / onClose and rely on this state in the local useState