我也有同样的问题，但我的错误是如此愚蠢。我试图直接访问对象。

class App extends Component {
    state = {
        name:'xyz',
        age:10
    }
    render() {
        return (
            <div className="App">
                // this is what I am using which gives the error
                <p>I am inside the {state}.</p> 

                //Correct Way is

                <p>I am inside the {this.state.name}.</p> 
            </div>
        );
    }                                                                             

}

由于错误，react认为您正在尝试显示“li”的对象，但实际上您并没有这样做。

你在错误的地方使用了“绑定”方法。当你在“li”中使用bind时，“this”将被认为是“li”的对象。由于object有一个额外的关键字(onItemClick)，因此它不是一个react标签，它是一个具有react li标签属性的js对象。

如果你在Component的构造函数中使用'bind'方法 不会有问题的。但在您的用例中，这是不可能的。所以“(e) => onItemClick(e, item)”是最好的尝试。

忽略我糟糕的英语。

我只是得到了相同的错误，但由于不同的错误:我使用了双括号，如:

{{count}}

插入count的值而不是正确的值:

{count}

编译器可能将其转换为{{count: count}}，即试图将一个对象作为React子对象插入。

我有这个错误，原来是我无意中包括一个对象在我的JSX代码，我本以为是一个字符串值:

return (
    <BreadcrumbItem href={routeString}>
        {breadcrumbElement}
    </BreadcrumbItem>
)

breadcrumbElement过去是一个字符串，但由于重构而变成了一个对象。不幸的是，React的错误消息并没有很好地将我指向存在问题的行。我必须一直跟踪堆栈跟踪，直到我识别出传递到组件中的“道具”，然后我找到了有问题的代码。

您需要引用对象的字符串值属性，或者将对象转换为所需的字符串表示形式。一个选项可能是JSON。stringify如果你真的想看到对象的内容。

Found:带有键的对象

这意味着你传递的是一个键值。所以你需要修改你的处理程序:

onItemClick(e, item) {
   this.setState({
     lang: item,
   });
}

onItemClick({e, item}) {
  this.setState({
    lang: item,
  });
}

您漏掉了大括号({})。

如果出于某种原因你导入了firebase。然后尝试运行npm i—save firebase@5.0.3。这是因为firebase破坏反应本机，所以运行这个将修复它。