javascript - 我正在尝试将产品列表的数量限制为 10

Question

我正在尝试限制我的产品列表页面上的产品数量。最多只能有 10 个产品。但我不知道该怎么做，有人可以建议我怎么做吗？我的意思是 for 循环或 if 条件或其他任何有帮助的东西。

使用此功能显示详细信息

diplayDetails(details, index){
    return (
     <tr key={index}>
            <td>{details.product}</td>
            <td>{details.price}</td>
            <td>{details.company}</td>
            <td>{details.type}</td>
            <td>{details.expiry}</td>
            <td>{details.manufacture}</td>
        </tr>
    )

}

并用 来映射它

{this.props.detail.map(this.diplayDetails)}

并且需要在其中添加分页，任何有关分页或建议的有用信息。

谢谢!

Answer 1

您可以使用slice，这样您就可以将对象限制为10个。

{this.props.detail.slice(0, 10).map(this.diplayDetails)}