react-dom.development.js：55未捕获的不变违规：对象作为React子对象无效（找到：带有键的对象

Question

我在这里非常困惑，我正在尝试遵循此question，但一直在获取错误对象作为React子对象无效。或属性未定义。

api响应应该类似于False

造成这些错误的原因是什么，为什么组件不会在装入状态下安装lifecyle组件以更改状态。

为什么我尝试进行console.log时，结果却不确定。

None

Answer 1

您不能渲染对象。您只能显示文本。

{this.state.data.map((object, index) => (
          <p key={index}>{object}</p>
        ))}
       </div>
      )  

您的代码中的object表示数组的每一项，例如{id:1, name: hugo}

所以，我认为name是您要显示的内容。请使用object.name显示每个名称

并且您不应该在key中使用索引。最好在数据中使用主键，例如id

像这样

{this.state.data.map((object) => (
          <p key={object.id}>{object.name}</p>
        ))}

Answer 2

您需要渲染对象字段而不是对象。

{this.state.data.map((object, index) => (
          <p key={index}>{object.name}</p>
        ))}