Пагинация с условием в react?

Question

[Dimbos_s]

Добрый день .
Подскажите, может кто сталкивался с такой задачей? Нужно сделать пагинацию, но если в выводимой странице есть определенные данные, надо как-то оформить (например сделать у пагинатора страницы цвет фона красным). У меня не получается так сделать, применял компонент пагинатора из mui. И он при соблюдении условия, что описал выше, все страницы на пагинаторе окрашивал красным, а мне нужен только один или несколько. Чтобы пользователь сразу заходил на нужную ему страницу. Другими словами, у нас выводится 5 страниц. Это 1, 2, 3, 4, 5. И вот на 4 странице есть определенные данные интересующие пользователя (она сразу выделена красным) и он сразу может перейти на эту страницу.
Спасибо.

Answer 1

[Татьяна Джанаева]

попробуйте воспользоваться атрибутом sx

sx={{
[`.MuiPagination-ul li:nth-child(${neededPage})`]: {
background: "red"
}

https://codesandbox.io/s/pensive-beaver-5fursj?fil...

Comments

[Dimbos_s]

Спасибо! Вроде подходит