Dropdown shows empty when selected Reactjs

ReactJs

When I use e.target.value my dropdown gets updated but when I use e.target.options[e.target.selectedIndex].text, my dropdown doesn't get updated but the text is actually set to the state declared. What could be the problem? I need help, please.

NB: I need both the value and the text since they are separate.