编程知识 cdmana.com

Error: Objects are not valid as a React child (found: object with keys {list}).

  • Bug
Error: Objects are not valid as a React child (found: object with keys {list}). 
If you meant to render a collection of children, use an array instead.

Object不能直接作为React的内容(指{}中的变量)。
如果想渲染一个集合的话,可以使用数组(但是别用Object类型的变量)。

如图:
在这里插入图片描述

  • 原因
    写React的render()时,想直接查看整个state对象的内容,就写了{this.state},然后报错。
    原因是不能直接往{}里放Object

  • 解决
    把放入{}中的变量,格式变为非Object即可。两种方法:
    JSON.stringify(xxx)可以将任意变量字符串化,包括对象格式(但要防止对象的循环引用)。
    多写点代码,原本直接传入一个对象,修改为:一个成员一个成员地传入,如{this.state.name} {this.state.age}

版权声明
本文为[锦天]所创,转载请带上原文链接,感谢
https://wuyujin.blog.csdn.net/article/details/108089413

Scroll to Top