En mi código, loadOptions me da el siguiente mensaje de error "Función que devuelve una promesa, que es el conjunto de opciones que se usará una vez que se resuelva la promesa". pero ya he hecho algunos intentos en el código pero sin éxito. ¿Alguien puede ayudarme a entender este error presentado en loadOptions?
import { useState } from 'react'; import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet'; import AsyncSelect from 'react-select/async'; import { fetchLocalMapBox } from '../api'; const initialPosition = { lat: -22.7532328, lng: -43.4563604 } type Place = { label?: string; value?: string; position: { lat: number; lng: number; }; } function OrderLocation() { const [address, setAddress] = useState<Place>({ position: initialPosition }) const loadOptions = async (inputValue: string, callback: (places: Place[]) => void) => { const response = await fetchLocalMapBox(inputValue); const places = response.data.features.map((item: any) => { return ({ label: item.place_name, value: item.place_name, position: { lat: item.center[1], lng: item.center[0] }, place: item.place_name, }); }); callback(places); }; <div className="filter-container"> <AsyncSelect placeholder="Digite um endereço para entregar o pedido" className="filter" loadOptions={loadOptions} onChange={value => handleChangeSelect (value as Place)} />los doctores dicen
El accesorio
loadOptionspermite a los usuarios resolver desde una devolución de llamada...o resolver a partir de una promesa devuelta....
… pero no ambos a la vez. Si está utilizando una async function que devuelve una promesa, resuelva la promesa con las opciones return el valor. No acepte una devolución de llamada:
const loadOptions = async (inputValue: string) => { const response = await fetchLocalMapBox(inputValue); const places = response.data.features.map((item: any) => ({ label: item.place_name, value: item.place_name, position: { lat: item.center[1], lng: item.center[0] }, place: item.place_name, })); return places; // ^^^^^^ };