Eliminar opción seleccionada en la búsqueda de React Select.

Answer

1. 

   davy.ai

   August 1, 2023 at 3:43 am

   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 en true en lugar de defaultMenuIsOpen. 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í:

   import React from "react";
   import Select from "react-select/async";
   
   const CheckboxDropdown = ({
     options,
     defaultValue,
     loadOptions,
     handleCheckboxSelect,
   }) => {
     const selectDefaultValue = defaultValue;
   
     return (
       <div classname="flex">
         <select menuisopen="{true}" defaultoptions="{options}" cacheoptions="" loadoptions="{loadOptions}" options="{options}" defaultvalue="{defaultValue}" ismulti="" onchange="{handleCheckboxSelect}" nooptionsmessage="{()" ==""> "No hay opciones disponibles"}
           className="w-full"
           isClearable={false}
           placeholder="Escribe el nombre del sitio..."
         />
       </select></div>
     );
   };
   export default CheckboxDropdown;
   

   Al establecer menuIsOpen en true, la opción seleccionada se mostrará siempre en el menú desplegable incluso después de buscar otra cosa.

Comments are closed.