How to add icons/images to the select's option in react.js?

Question

Assume this is my dropdown, then how can I add images to the options??

<select label="gender" value="male">
<option value={"male"}>male</option>
<option value={"female"}>female</option>
<option value={"others"}>others</option>
</select>

Answer 1

Like html css do Using “data-icon” attribute we can add any glyphicon icons to an option or optgroup

<select class="selectpicker">
  <option data-icon="glyphicon-music">Option1</option>
  <option data-icon="glyphicon-star">Option2</option>
  <option data-icon="glyphicon-glass">Option3</option>
</select>

from thewebfosters