react-vite-demo

ComboBox.tsx

(584B)

 import { useId, memo } from "react"
 
 export type ComboBoxProps = {
     label: string
     name: string
     options: string[]
   }
   
 export const ComboBox = memo(({ label, name, options }: ComboBoxProps) => {
     const inputId = useId()
     const datalistId = useId()
 
     return (
         <>
             <label htmlFor={inputId}>{label}</label>
             <input id={inputId} name={name} type="text" list={datalistId} />
             <datalist id={datalistId}>
                 {options.map(option => <option key={option} value={option} />)}
             </datalist>
         </>
     )
 })