Нужно после запроса на сервер вставить содержимое ответа в переменную data
.
Но по факту сразу после цикла for
все данные в data
добавлены, но при рендере (могу ошибаться в терминологии, при return
) data
все равно пустая.
// ...
const data = []
// ...
const handleChange = event => {
const axios = require('axios');
const value = event.target.value;
const url = '/search'
axios.get(url, {
params: { value: value }
})
.then(function (response) {
for (var i = 0; i < response.data.length; i++) {
data.push(response.data[i]);
}
})
.catch(function (error) {
// ...
})
.then(function () {
// ...
});
};
return (<div>
// ... data.map () здесь data пустая
</div>
);
const
then
прописать рендер.