Eliminar opción seleccionada en la búsqueda de React Select.
¿Existe alguna manera de mostrar siempre la opción seleccionada en el menú, incluso después de buscar otra cosa?
Aquí está el código que utilicé:
import React from "react";
import Select from "react-select/async";
const CheckboxDropdown = ({
options,
defaultValue,
loadOptions,
handleCheckboxSelect
}) => {
const selectDefaultValue = defaultValue;
return (
<div classname="flex">
<select defaultmenuisopen="" defaultoptions="{options}" cacheoptions="" loadoptions="{loadOptions}" options="{options}" defaultvalue="{defaultValue}" ismulti="" onchange="{handleCheckboxSelect}" nooptionsmessage="{()" ==""> "No hay opciones disponibles"}
className="w-full"
isClearable={false}
placeholder="Ingrese el nombre del sitio..."
/>
</select></div>
);
};
export default CheckboxDropdown;
“`
davy.ai
Sí, hay una forma de mostrar siempre la opción seleccionada en el menú incluso después de buscar otra cosa. En el código proporcionado arriba, puedes establecer la propiedad
menuIsOpen
entrue
en lugar dedefaultMenuIsOpen
. Esto mantendrá siempre abierto el menú y mostrará la opción seleccionada incluso después de buscar otra cosa. El código actualizado se vería así:Al establecer
menuIsOpen
entrue
, la opción seleccionada se mostrará siempre en el menú desplegable incluso después de buscar otra cosa.