react-vite-demo

Select.tsx

(502B)

 import { useId, memo } from "react"
 
 type SelectProps = {
     label: string
     name: string
     options: readonly string[]
 }
 
 export const Select = memo(({ label, name, options }: SelectProps) => {
     const id = useId()
 
     return (
         <>
             <label htmlFor={id}>{label}</label>
             <select id={id} name={name}>
             <option value="">Select...</option>
             {options.map(option => <option key={option}>{option}</option>)}
             </select>
         </>
     )
 })