У меня есть несколько реагирующих компонентов, которые заполняют списки компонентов с помощью функции .map (), которая нарушает работу приложения только после компиляции проекта со сборкой реагирующего сценария.
Обзор проекта: --backend: узел, postgres, express --frontend: реагировать, редукс, топор ios
Запросы возвращаются в виде [{"k1": "v1"}, {"k2": "v2"}, ..., { "kx": "kx"}], за исключением того, что в каждом объекте массива имеется 8 пар ключ-значение. Я проследил объекты данных от вызова API express до компонента jsx с помощью Array.isArray ([dataObj]) и console.logs указывают, что они распознаются как массивы, все отображается и прекрасно работает.
затем ...
$ npm запустить сборку $ server -s build
http://localhost: xxxx становится белым после мерцания, и консоль браузера предупреждает, что «x.map не является функцией», и все журналы моей консоли «Array» .isArray (dataObj) 'сообщает, что это не массивы и разрывы приложения.
Примеры кода: GitHub Gist URL = https://gist.github.com/GatesKennedy/21e24a6518d3bc4da45e3237af1f99ed
Код для вставки:
<script src="https://gist.github.com/GatesKennedy/21e24a6518d3bc4da45e3237af1f99ed.js"></script>