0

Нужно после запроса на сервер вставить содержимое ответа в переменную 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>
    );
4
  • А этот код внутри функции render() находится? const data к чему относится? 10 июл 2019 в 11:22
  • нет, внутри const
    – evans
    10 июл 2019 в 11:23
  • Проблема в том, что запрос асинхронный и data возвращается до того, как пройдет запрос, попробуйте в последнем then прописать рендер.
    – Shiki
    10 июл 2019 в 11:23
  • @evans Я про прямо весь код, который вы приложили - он может быть или внутри функции render, или внутри class {} (тогда непонятно к чему относится return). Но в любом случае, скорее всего data - локальная переменная, и становится пустой при втором рендере. Скорее всего вам стоит использовать this.state / this.setState({data: response.data}) вместо неё 10 июл 2019 в 11:28

1 ответ 1

1

нужно переменную data добавить в локальный state:

const [data, setData] = useState([]);

в axios обновлять переменную через setData(prev => [...prev, response.data[i])

Зачем в цикле это делать? Нельзя весь респонс поместить в переменную? тогда будет просто setData(response.data)

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.