Как я могу стилизовать активный элемент компонента разбиения по семантическому интерфейсу? - PullRequest
Новая
       10

Как я могу стилизовать активный элемент компонента разбиения по семантическому интерфейсу?

0 голосов
/ 09 июня 2019

Я использую пакет semantic-ui-реагировать для своего проекта и использовал нумерацию страниц в коде.Я хочу активно стилизовать активный элемент компонента нумерации страниц, предоставляемый semantic-ui-реакции.Кто-нибудь может посоветовать, пожалуйста, как это сделать?Ниже мой код для компонента Pagination. 

import React from 'react';
import { Pagination } from 'semantic-ui-react';
import PropTypes from 'prop-types';
import ceil from 'lodash/ceil';

const ShowPagination = ({ onPageChangeHandler, activePage, total, itemsPerPage }) => {
  if (itemsPerPage === 0) return;
  return (
    <Pagination
      secondary
      activePage={activePage}
      onPageChange={onPageChangeHandler}
      totalPages={ceil(total / itemsPerPage)}
    />
  );
};

ShowPagination.propTypes = {
  onPageChangeHandler: PropTypes.func,
  activePage: PropTypes.number,
  total: PropTypes.number,
  itemsPerPage: PropTypes.number,
};
export default ShowPagination;
...