Как разбить всплывающий компонент на ReactJS? - PullRequest
Новая
       43

Как разбить всплывающий компонент на ReactJS?

0 голосов
/ 25 февраля 2020

Я пытаюсь разбить это всплывающее окно. Может кто-нибудь сказать мне, как я могу сделать это с помощью многоразового Paginate Component. 

<EntityPopup
      title={constants.SELECT_SUPPLIER_HEADER}
      isOpened={this.state.isSupplierPopupOpen}
      onModalClose={this.closeSupplierPopup}
      onSelect={this.selectSupplier}
      entity={this.props.suppliers}
      columns={constants.SUPPLIER_MODAL_COLUMN_NAMES}
      emptyTableMessage={constants.NO_SUPPLIERS_MESSAGE}
    />

1 Ответ

0 голосов
/ 25 февраля 2020

Я использую реагирующая страница . Это довольно гибкий. Я применил bootstrap классы, чтобы он выглядел как bootstrap paginator; и я почти уверен, что он достаточно гибок для использования с любым фреймворком.

Вот пример того, что я сделал. 

<ReactPaginate
  containerClassName="pagination"
  pageClassName="page-item"
  pageLinkClassName="page-link"
  previousClassName="page-item"
  previousLinkClassName="page-link"
  nextClassName="page-item"
  nextLinkClassName="page-link"
  breakClassName="page-item"
  breakLinkClassName="page-link"
  activeClassName="active"
/>
...