Javascript Reactjs映射返回意外标记}

我一直在寻找这个错误，但在任何地方都没有找到。我是新来的反应和以下一些教程。所有的工作都已完成，我正在尝试将数组映射到组件

所以我使用虚拟数据以较小的形式测试这个函数

var data = [
    {name: 'You', text: 'Test'},
    {name: 'Me', text: 'Testing'}
];

现在我试着打印出一个评论系统，现在我只试着打印出用户的名字。 我将数据提供给我的应用程序组件，它将数据提供给messagelist。我想把它们印在盒子里

var MessageList = React.createClass({
    render: function() {
        var messages = this.props.data.map(function(msg) { 
            return <MessageBox name={msg.name} />
        });    //**** ERROR HERE ****
        return {messages};
    }
});

var MessageList=React.createClass({
render:function（）{
var messages=this.props.data.map（函数（msg）{
回来
})；//****此处有错误****
返回{消息}；
}
});

我指出了发生错误的行

未捕获的语法错误：意外标记}

我不认为我需要添加任何额外的信息，因为所有其他功能都工作正常，这是唯一返回错误的东西。

---

希望你们能帮助我。

因为

消息

是一个数组，您的组件应该返回一个元素，所以您应该用另一个组件包装它：

return (<div>{messages}</div>);

返回（{messages}）；

因为

消息

是一个数组，您的组件应该返回一个元素，所以您应该用另一个组件将其包装起来：

return (<div>{messages}</div>);

返回（{messages}）；

另请参见。您只需要使用

{expression}

来转义JSX上下文。e、 g.

returnfoo

vs

return{foo}

。另请参见。您只需要使用

{expression}

来转义JSX上下文。e、 g.

returnfoo

vs

return{foo}

。