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

Question

在这里，我在一个数组中存储了四个对象。我只想显示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')
);

Answer 1

你可以使用.slice，

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

Example