select.tsx

function MySelectBox() {
  const opts = ["apple", "banana", "orange"];
  const [mySelection, setMySelection] = useState("apple");
  return (
    <select
      value={mySelection}
      onChange={event => setMySelection(event.target.value)}
    >
      {opts.map(o => (
        <option key={o} value={o}>
          {o}
        </option>
      ))}
    </select>
  );
}