Проблема React: «Объекты недопустимы в качестве дочерних элементов React. Если вы хотите отобразить коллекцию дочерних элементов, используйте вместо этого массив». - PullRequest
Новая
       9

Проблема React: «Объекты недопустимы в качестве дочерних элементов React. Если вы хотите отобразить коллекцию дочерних элементов, используйте вместо этого массив».

0 голосов
/ 11 апреля 2020

Я столкнулся с этой проблемой при записи файла .jsx с использованием devextreme-реагировать.

Я использую React для разработки веб-страниц, и у меня есть массив с именем «ServerStatusList», содержащий объекты «server-status» в следующем виде:

{server: String, online: Number, офлайн: номер, поставщик: строка}.

Теперь я хочу использовать каждый объект «server-status» для создания диаграммы «Circular Gauge» с использованием библиотеки Devextreme-реагировать. Итак, сначала я создал элемент реагирования массива с помощью функции map, сопоставляя каждое «server-status» в 'serverStatusList' с элементом CircularGauge.

Мой предполагаемый эффект состоит в том, что список датчиков появляются на моей веб-странице. 

const gaugeItems = vendorStatusList.map((i, index) => (
  <CircularGauge
     value={i.online}
     subvalues={[i.online]}
  >
  </CircularGauge>
));

Затем в моем файле JSX в функции render9 () {} я написал следующее: 

return(
  <Paper>
   {gaugeItems}
  </Paper> 
);

Однако я получил сообщение об ошибке :

Объекты недопустимы как дочерние элементы React (найдено: объект с ключами {сервер, онлайн, оффлайн, поставщик}). Если вы намеревались визуализировать коллекцию дочерних элементов, используйте вместо этого массив.

Кто-нибудь знает, что означает ошибка? Я думаю, что мои «gaugeItems» между тегами - это массив, как я проверил с помощью «typeof». Я предполагаю, что этот метод не работает в случаях, когда вещи в списке являются объектами, но только в тех случаях, когда вещи в списке являются элементами примитивного типа. Кто-нибудь знает, что происходит?

...