Semantic UI React: Как настроить загрузку контента на нумерацию страниц

Question

Я использую пагинацию Semantic UI React для загрузки данных сервера. Я новичок в ReactJS. Может кто-нибудь помочь мне разобраться, как я могу настроить вызов страницы на отдельный номер (1,2,3). Например, когда пользователь нажимает на 1, он извлекает ограниченные данные из 10 записей, так же, как когда пользователь нажимает на 2, он загружает дополнительные записи 10-20 и сохраняет тот же способ. Пожалуйста, помогите мне, потому что я новичок. Спасибо

Код нумерации страниц из Semantic UI React

import React from 'react'
import { Pagination } from 'semantic-ui-react'

const PaginationExampleCompact = () => (
  <Pagination
    boundaryRange={0}
    defaultActivePage={1}
    ellipsisItem={null}
    firstItem={null}
    lastItem={null}
    siblingRange={1}
    totalPages={10}
  />
)

export default PaginationExampleCompact

Answer 1

Библиотека семантического пользовательского интерфейса поддерживает некоторые компоненты со своими свойствами.Вы можете настроить этот поддерживаемый компонент.Одна из самых важных вещей заключается в том, что компонент Pagination предназначен только для интерфейса пользователя.Вы можете настроить компонент разбиения на страницы по умолчанию, установив значение свойства.Вы должны отправить запрос бэкенду с определенным идентификатором пагинации, и бэкэнд ответит идентификатором, соответствующим результатуВ целом весь функционал должен быть реализован на бэкенде.В веб-интерфейсе вы можете реализовать только запрос API и обработку ответа.Таким образом, вы должны уделять основное внимание реализации API-интерфейса сервера.