Quiero borrar el texto de búsqueda al enfocarme fuera del campo de selección múltiple De forma predeterminada, onBlur no se proporciona en el paquete
De manera predeterminada, el valor de búsqueda persiste al enfocarse. El término de búsqueda persiste después de enfocarse fuera del campo.
import { Multiselect } from 'multiselect-react-dropdown';versión: "multiselect-react-dropdown": "^2.0.1"
<Multiselect options={categoryList} // Options to display in the dropdown displayValue="name" //Label to be displayed from the object avoidHighlightFirstOption={true} // closeIcon="cancel" emptyRecordMsg={"No Product type available"} selectedValues={multiSelectedCat && multiSelectedCat.length > 0 ? multiSelectedCat : []} // Preselected value to persist in dropdown onSelect={multiOnSelectCat} // Function will trigger on select event onRemove={multiOnRemoveCat} // Function will trigger on remove event />¿Cómo puedo implementar la funcionalidad onBlur ya que no se proporciona de forma predeterminada y no pude encontrar mucho en los documentos?
El requisito es borrar el texto de búsqueda en Focus out.
Puede usar la devolución de llamada de referencia y combinarla con desenfoque para actualizar el estado de inputValue en Multiselect.
Puede ver este ejemplo: https://codesandbox.io/s/react-playground-forked-kpgmo?file=/index.js
this.multiselectRef = (element) => { if (element) { $("#search_input").blur(function() { setTimeout(function() { element.setState({ inputValue: "" }); }, 1); }); } };