Tag: REACT-SELECT
Tengo un componente de selección asíncrona de React. Este componente tiene una propiedad loadOptions, donde necesitas pasar una función para cargar los datos. En este momento, se ve así: const MyComponent = () => { const [positionId, setPositionId] = useEffect(”); return ( { positionId && <asyncselect loadoptions=”{(search,” prevoptions,=”” additional)=””> loadMyOptions(search, . . . Read more
¿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 . . . Read more
Estoy utilizando el componente ReactSelect, sin embargo, he creado un componente llamado Select y ReactSelect está dentro de él: interface IProps extends ISelectProps { tabIndex: string; required: boolean; isClearable: boolean; isDisabled: boolean; placeholder: string; options: { label: string; value: string; }[]; } const Select = ({ …props }: IProps) => . . . Read more
Soy nuevo en React y estoy tratando de mantener/actualizar algo de código existente en una aplicación. En un formulario, tenemos un componente personalizado/extendido de react-select para el cual los valores se establecen utilizando ‘onChange’ de react-select. En este caso, tenemos un problema al restablecer la etiqueta seleccionada incluso cuando el . . . Read more
Quiero establecer datos JSON de API como valores predeterminados en react-select. const [tag, setTag] = useState([]); const [tag_data, setTagData] = useState([[]]); Función useEffect para llamar a la API y obtener los datos JSON useEffect(() => { (async () => { const tag_result = await axios(${process.env.REACT_APP_API_URL}/tag); setTagData(tag_result.data); })(); }, []); A . . . Read more