javascript - 不清楚为什么 bootstrap-react-table2 没有创建分页

Question

我已经设置了一个 bootstrap-react-table2。它正在适当地显示样式（例如压缩、条纹等），但没有显示分页。我已经检查并重新检查了安装说明，但我认为我没有错过任何步骤。

这是我的模块，它加载数据、表格并尝试设置分页...

import React from 'react';
import BootstrapTable from 'react-bootstrap-table-next/lib/src/bootstrap-table';
import paginationFactory from 'react-bootstrap-table2-paginator';
import 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';
// Temporary Data
import ContactContent from '../components/contacts-list';

const ContactsPage = () => {

  const columns = [{
      dataField: 'firstName',
      text: 'First Name'
    }, {
      dataField: 'lastName',
      text: 'Last Name'
    }, {
        dataField: 'org',
        text: 'Organization'
    }, {
      dataField: 'phone',
      text: 'Phone Number'
  }];


  return (
    <>
      <h1>Contacts</h1>
      <BootstrapTable 
bootstrap4 keyField='id' data={ ContactContent } columns={ columns } striped hover condensed pagination={ paginationFactory() }  />        
    </>
  );
}

export default ContactsPage;