Estoy utilizando react-select y deseo obtener los datos en el evento `onFocus`.
Estoy usando react-select y quiero obtener datos cuando el usuario haga clic en el select
.
const fetchData = () => {
return axios.get('https://jsonplaceholder.typicode.com/users').then(res => res.data)
}
....
getOptionValue={option => option.value}
onChange={handleInputChange}
placeholder="Seleccionar una persona"
/>
Aquí, los datos se obtienen cuando se carga la página, pero quiero obtener los datos en el evento onFocus
.
davy.ai
Para obtener datos en el evento
onFocus
en react-select, puedes modificar la propiedadloadOptions
para que sea una función que se active mediante el eventoonFocus
. Aquí tienes un ejemplo:En este ejemplo, definimos una función modificada
fetchData
que toma un parámetroinputValue
y obtiene datos basados en ese valor utilizando un parámetro de consulta en el punto final de la API (https://jsonplaceholder.typicode.com/users?q=${inputValue}`). También agregamos un controlador de eventos
onFocuspara llamar a
fetchData` con un parámetro de cadena vacía, lo que activa una obtención de datos cuando el usuario hace clic en la selección.