0
196
VistasMaterial UI Autocompletar clearOnBlur borra cuando es falso
En un proyecto reciente, estoy usando Autocompletar de Material UI. Allí no quiero que se borre el campo de entrada, así que uso la propiedad clearOnBlur establecida en false .
Incluso entonces, el Autocompletador borra el campo de entrada después de que se pierde el foco.
Agradecería la ayuda!
Aquí hay un ejemplo:
https://codesandbox.io/s/blue-moon-2bk87?file=/src/ComboBox.js
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Parece que en material-ui 5.0.0-beta que está usando tiene un problema. En 4.12.3 funciona correctamente. Por favor, echa un vistazo a este codesandbox :
const ComboBox = function () { const [value, setValue] = useState(""); const Combo = useRef(); const onBlur = (e) => { Combo.current.inputValue = value; }; const filterOptions = (options, state) => { return options; }; return ( <Autocomplete ref={Combo} onChange={(e) => { setValue(e.target.value); }} onSelect={(e) => { setValue(e.target.value); }} filterOptions={filterOptions} id="combo-box-demo" options={top100Films} getOptionLabel={(option) => option.title} style={{ width: 300 }} onBlur={onBlur} clearOnBlur={false} inputValue={value} renderInput={(params) => ( <TextField {...params} label="Combo box" variant="outlined" /> )} /> ); }; Traté de establecer el valor de entrada manualmente, pero debido a la versión material-ui , no funciona.
·
Juan Pablo Isaza
Denunciar
Responde la pregunta