如何在JavaScript中只显示前两个对象？

在这里，我在一个数组中存储了四个对象。我只想在

ReactDOM.render

方法中显示前两个对象

当前，将显示所有项目。我使用jQuery

map

函数在数组中循环

如何仅显示前两个对象

var data = [
    {id:1, content:'test1'},
    {id:2, content:'test2'},
    {id:3, content:'test3'},
    {id:4, content:'test4'}
];

var UserList = React.createClass({
    render: function() {
        var Users = this.props.data.map(function(el, i){
            return <li key={i}>{el.content}</li>;
        });
        return (
            <ul>{Users}</ul>
        );
    }
});
ReactDOM.render(
  <UserList data={data} />,
  document.getElementById('container')
);

var数据=[
{id:1，内容：'test1'}，
{id:2，内容：'test2'}，
{id:3，内容：'test3'}，
{id:4，内容：'test4'}
];
var UserList=React.createClass({
render:function（）{
var Users=this.props.data.map（函数（el，i）{
返回
{el.content}
；
});
返回(
{Users}
);
}
});
ReactDOM.render(
,
document.getElementById（'容器'）
);

您可以使用

---

这就是我想要的。谢谢broNo，您没有使用jQuery

map

函数。您正在使用本机

Array.map

（普通Javascript）

<UserList data={ data.slice(0, 2) } />