reactjs - how to show dropdown list when `multiple` is true in input as a select

Question

multiple is showing as a list instead of dropdown options in react-bootstrap form field.

ex:

 <Form.Group controlId="exampleForm.ControlSelect1">
    <Form.Label>Example select</Form.Label>
    <Form.Control as="select">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </Form.Control>
  </Form.Group>

output 1 is :

if we add multiple in this like below:

    <Form.Group controlId="exampleForm.ControlSelect1">
    <Form.Label>Example select</Form.Label>
    <Form.Control as="select" multiple>
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </Form.Control>
  </Form.Group>

output 2 is :

the output 2 should render like output 1 when multiple is true

question from:https://stackoverflow.com/questions/65887232/how-to-show-dropdown-list-when-multiple-is-true-in-input-as-a-select

Answer 1

Waitting for answers