Question

我一直在寻找这个错误，但在任何地方都找不到它。我是React的新手并遵循一些教程。一切都达到了我试图将数组映射到组件的程度。

因此我使用虚拟数据以较小的形式测试此功能

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

现在我正在尝试打印出一个评论系统，现在我只想打印出用户的名字。我正在为我的应用程序组件提供数据，并将其提供给消息列表。在那里，我试图将它们打印成盒子。

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

我指出了发生错误的行。

未捕获的SyntaxError：意外的令牌}

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

Answer 1

由于messages是一个数组而你的组件应该返回一个元素，你应该用另一个组件包装它：

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

Reactjs map返回意外令牌}

1 个答案: