Reactjs 错误：对象作为React子对象无效（找到：具有键{content，author}的对象）

这是引发错误的代码部分：

session.subscribe("acme/channel", function(uri, payload){

        console.log("Received message", payload.author);

        var myObject = {
         'content': payload.message,
         'author': { 'username' : payload.author },
       }

        var newMessages = this.state.messages;
        newMessages.push(myObject);
        this.setState({messages: newMessages});

      }.bind(this));

我不知道为什么，但当我使用

'author'：{'username'：payload.author}

时，它不喜欢它，但它可以使用像这样的硬编码字符串：

'author'：{'username'：“Mit”}

问题不是来自“payload.author”，因为这也适用于：

var myObject = {
         'content': payload.author,
         'author': { 'username' : "Mit" },
       }

---

知道如何解决这个问题吗？

它通过添加一个空字符串来工作：

var myObject = {
         'content': payload.msg,
         'author': { 'username' : payload.author + ""},
       }

我不知道为什么会这样，如果有人有更好的解释，我可以标记他的答案。

render（）函数是什么样子的？该错误通常在渲染时出现，而不是在设置状态本身时出现。