toggle-select.js

import { Fragment, useState } from "react";

function App() {
  const [Autos] = useState(["volvo", "saab", "mercedes", "audi"]);
  const [ValueSelected, setValueSelected] = useState(0);

  const toggle = (AutoSeleccionado) => {
    const indexSelected = Autos.findIndex((auto) => auto === AutoSeleccionado);

    setValueSelected(indexSelected);
  };
  return (
    <div>
      <label for="cars">Choose a car:</label>
      <select name="cars" id="cars" onChange={(e) => toggle(e.target.value)}>
        {Autos.map((auto, index) => {
          return (
            <Fragment>
              {index === ValueSelected ? (
                <option className="active" value={auto}>
                  {auto}
                </option>
              ) : (
                <option value={auto}>{auto}</option>
              )}
            </Fragment>
          );
        })}
      </select>
    </div>
  );
}

export default App;