Я пытаюсь ограничить номер моего списка товаров до 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)}