Блог

Главная - Вопросы по программированию - Как использовать algolia places в React?

Как использовать algolia places в React?

#reactjs #algolia

#reactjs #algolia

Вопрос:

Я хотел бы использовать Algolia places для заполнения ввода выбора страны в приложении React. Я установил algoliasearch, но typescript утверждает, что:

initPlaces — это не функция

Вот что я написал. Как это исправить?

 const placesClient = algoliasearch.initPlaces({
  appId: 'myAppId',
  apiKey: 'myAPIKey'
});

export default function App() {
const [data, setData]= useState("")
const [query, setQuery] = useState("")
  useEffect(()=> {
    placesClient.search({
      query,
      type: 'country'
    })
    .then(res=> setData(res.data))
    .catch(_=> null)
  },[])
  return (
     <input placeholder="search country" type="text" onChange={(e)=> setQuery(e.target.value)}/>
  );
}

Комментарии:

1. Вы импортировали Algolia? import algoliasearch from 'algoliasearch';

2. Какую версию клиента Algolia вы используете? Версия 4.x.x больше не поддерживает готовые места Algolia. Вы можете найти дополнительную информацию / альтернативы в документации: algolia.com/doc/api-client/getting-started/upgrade-guides /. …