He creado un componente React que permite al usuario filtrar una lista escribiendo en una entrada, he simplificado el componente a continuación:

 const value = filteredOptions .filter((option) => option.selected) .map((option) => option.label) .join(","); const [input, setInput] = useState(value); const handleSearch = (e) => { e.preventDefault(); setInput(e.target.value); }; return ( <InputSearch value={input} onChange={handleSearch} /> <SelectOption key={option.code} option={option} onClick={onValueChange} /> );

el value es nulo de forma predeterminada (y se completa con un valor de cadena cuando se selecciona); esto funciona. Sin embargo, lo que me gustaría hacer es ingresar el value en mi estado input para que el estado de input se pueda actualizar escribiendo en la entrada (que funciona actualmente) o seleccionando un valor.