显示特定数量的数组对象（React）

Question

我正在尝试遍历JSON数据并仅显示第一个“4”结果，但通过我的所有搜索，我看到的大多数答案都使用forEach（）或map（）循环遍历所有数据。我尝试过使用for（），但它不会在页面上显示任何内容。如果有人可以帮助或指导我找到答案，我就无法找到那个很棒的答案！

{this.state.products.map(function(product) {
    return(
        <div className="col-xs-12 col-sm-6 col-md-3" key={product.productId}>
            <img src={product.productImage1} Image1 alt="Logo"/>
            <h3>{product.productTitle}</h3>
            <p>{product.productDesc}<a href="/">Learn More</a></p>
        </div>
    );
})}

Answer 1

您可以在map之前使用slice方法。

{this.state.products.slice(0, 4).map(...)}