时间戳

首页 > 解决方案 > React 问题：“对象作为 React 子级无效。如果您要渲染一组子级，请改用数组。”

reactjs - React 问题：“对象作为 React 子级无效。如果您要渲染一组子级，请改用数组。”

问题描述

我在使用 devextreme-react 编写 .jsx 文件时遇到了这个问题。

我正在使用 React 开发 Web，并且我有一个名为“ServerStatusList”的数组，其中包含以下形式的“server-status”对象：

{服务器：字符串，在线：数字，离线：数字，供应商：字符串}。

现在，我想使用 Devextreme-react 库，使用每个“服务器状态”对象生成一个“圆形仪表”图表。所以我首先使用“map”函数创建了一个数组反应元素，将“serverStatusList”中的每个“服务器状态”映射到一个 CircularGauge 元素。

我的预期效果是仪表列表出现在我的网页上。

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

然后在我的 JSX 文件中，在 render9() {} 函数中，我这样写：

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

但是，我收到错误消息：

对象作为 React 子对象无效（找到：对象与键 {server, online, offline, vendor}）。如果您打算渲染一组子项，请改用数组。

有谁知道错误是什么意思？我认为标签之间的“gaugeItems”是一个数组，因为我用“typeof”检查了它。我猜这个方法在列表中的事物是对象的情况下不起作用，但仅在列表中的事物是原始类型项的情况下才有效。有谁知道会发生什么？

标签： reactjsdevextreme

解决方案

推荐阅读