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

【问题标题】：Show specific number of array objects (React)显示特定数量的数组对象（React）
【发布时间】：2017-03-23 11:02:11
【问题描述】：

我正在尝试遍历 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>
    );
})}

【问题讨论】：

可能你应该在 map 方法中使用 index 参数-like (if index
你有引用map方法引用索引的链接吗？
stackoverflow.com/questions/26371083/…
谢谢 :) 会调查的。

标签： javascript json loops react-jsx

【解决方案1】：

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

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

【讨论】：

谢谢！正是我需要的。