title: Dropdownlist alternative in material UI of react
body: <p>I am currently using <code>simple-menu</code> of material UI as shown in the <a href="https://codesandbox.io/s/material-demo-forked-h70e7?file=/demo.tsx" rel="nofollow noreferrer">codesandbox here</a>. In my react app, I am displaying this menu in a primereact dialog.</p>
  <p>However, my main requirement is to display a dropdown list in a dialog so that when a user selects something, it can be selected and I can do something based on that.
  For example, if a user selects <code>Car</code>, I can see it selected. Also, I have some values associated with each entries.
  For example, <code>Company</code> has value <code>0</code>,<code>Car</code> has value <code>1</code> and <code>Office</code> has value <code>2</code>.</p>
  <p>So I am planning to have some buttons in the dialog so that after an item from the list is selected, and <code>Ok</code> button is selected, I can send the value associated with the selected item in a webservice call.</p>
  <p>The closest I could find is simplelist:</p>
  <p><a href="https://material-ui.com/components/lists/#simple-list" rel="nofollow noreferrer">https://material-ui.com/components/lists/#simple-list</a></p>
  <p>But nothing close to Drowpdown list. Am I missing on something here?</p>
  <p>More info:</p>
  <p>The dialog looks like this:</p>
  <p><a href="https://i.stack.imgur.com/hlZPi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hlZPi.png" alt="enter image description here" /></a></p>
  <p>And let's say, when I select an item, let's say, <code>Car</code>, it won't show <code>Car</code> but will display <code>Open Menu</code> which I am not looking for.</p>