случайные данные возвращаются в браузере Android

Question

У меня есть приложение, которое отображает массив (который находится в состоянии), в котором действительно должно быть только 6 наборов данных (бэкэнд действительно ограничивает его до 6), но почему-то это иногда всплывает и печатает данные, которые не 'т там или старый.Он отлично работает на Google Chrome и многое другое, но когда он попадает в старый браузер Android, он начинает иметь эту ошибку.это вещь es3?У меня есть веб-пакет, который обрабатывает это (я думал).

{objects.map((object)=> {return <Data key={object.key} info={object}/> })}

, где я предоставляю данные внутри <div> Есть ли что-то, что мне нужно сделать по-другому через веб-пакет, чтобы он работал в браузере Android (которыйэто es3 я верю).Он отлично работает на моем браузере Google Chrome и многое другое.

Answer 1

Webpack связывает ваш код, Babel - это то, что компилирует ваш код.Вы можете изменить целевую версию браузера, отредактировав свою конфигурацию Babel, которая находится либо в файле package.json, либо в файле .babelrc.

К вашей конкретной проблеме можно сузить сферу возможностей, создав сборку, предназначенную дляверсия Android, чтобы быть уверенным.

Конфигурация будет выглядеть примерно так: this в .babelrc файле:

{
  "presets": [
    ["env", {
      "targets": {
        "browsers": [ "Android >= 4" ]
      }
    }]
  ]
}

И если ваша конфигурация Babel находится в вашем package.json, затем как this :

{
  "name": "my-package",
  "version": "1.0.0",
  "babel": {
    "presets": [
      ["env", {
        "targets": {
          "browsers": [ "Android >= 4" ]
        }
      }]
    ]
  }
}

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

Я бы также посмотрел насетевой трафик на устройстве Android, чтобы убедиться, что более шести записей не принимаются из-за неправильно сформированного запроса или ошибки в вашем API.

Ошибка браузера не может привести к появлению данных.Приводит меня к мысли, что это ошибка API.Если вы видите более 6 записей из API, который ограничен 6 записями, это означает, что в API имеется ошибка или 6 записей извлекаются одновременно и добавляются в массив, хранящийся в памяти.Так что список продолжает расти.Просто некоторые подозрения / догадки.