我正在尝试将我的产品列表的数量限制为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)}