javascript - 显示数组对象的具体数量(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

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

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