Reactjs地圖返回意外令牌}

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>);