Как срабатывать при нажатии на элемент li (реакция-разбиение на страницы)

#reactjs #react-paginate

#реагирует на #реагировать-разбивать на страницы

Вопрос:

парни. Спасибо, что прочитали этот вопрос.

Я хочу запустить событие изменения страницы при нажатии кнопки, созданной react-paginate, но я не могу заставить ее работать.

При использовании react-paginate . это создаст DOM, как показано ниже.

 lt;ulgt;  lt;ligt;lt;agt;1lt;/agt;lt;ligt;  lt;ligt;lt;agt;2lt;/agt;lt;ligt;  lt;ligt;lt;agt;3lt;/agt;lt;ligt; lt;ulgt;  

Я думаю, что этот компонент запускал событие onClick lt;agt; только при нажатии.
Например. Я создал кнопку «Нация страницы», как показано ниже.

введите описание изображения здесь

Если я нажал часть цвета фона(белый), не запускайте событие изменения страницы. потому что не нажимайте lt;agt; на тег(номер) (который создается автоматически с помощью react-paginate).

Я хочу запустить, чтобы изменить событие страницы при нажатии lt;ligt; на тег.
Как это решить? у тебя есть какие-нибудь идеи?

Комментарии:

1. а как насчет растяжки a по li размеру?

2. Спасибо!! Я могу решить эту проблему! @RamanNikitsenka

Ответ №1:

Я добавляю css, как показано ниже.

 a {  display: flex;  width: 100%;  height: 100%;  justify-content: center;  align-items: center; }