Функция, которая возвращает обещание, представляющее собой набор параметров, которые будут использоваться после разрешения обещания.

Question

В моем коде loadOptions дает мне следующее сообщение об ошибке: «Функция, которая возвращает обещание, которое представляет собой набор параметров, которые будут использоваться после разрешения обещания». но я уже сделал несколько попыток в коде, но безуспешно. Может ли кто-нибудь помочь мне понять эту ошибку, представленную в loadOptions?

      <div className="filter-container">
                    <AsyncSelect 
                        placeholder="Digite um endereço para entregar o pedido"
                        className="filter"
                        loadOptions={loadOptions}
                        onChange={value => handleChangeSelect (value as Place)}
                    />

Answer 1

Документы говорят

В loadOptionsprop позволяет пользователям либо разрешить обратный вызов...

или решить из возвращенного обещания....

…но не оба сразу. Если вы используете async functionкоторый возвращает обещание, разрешите обещание с параметрами returnзначение. Не принимать обратный вызов:

      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;
//  ^^^^^^
};