<div id="root"></div>
function Select() {
function handleSelect(e) {
alert(`"${e.target.value}" selected`);
}
return (
<select onChange={handleSelect}>
<option value="avocado">Avocado</option>
<option value="carrot">Carrot</option>
<option value="potato">Potato</option>
<option value="banana">Banana</option>
</select>
);
}
ReactDOM.render(<Select />, document.getElementById("root"));
View Compiled
This Pen doesn't use any external CSS resources.