反応ブートストラップページネーションを使用してページネーション省略記号を動的に追加するにはどうすればよいですか?

Question

私は、Pagination.First、Pagination.Prev、Pagination.Item、Pagination.Next、Pagination.Last を含む動作する API プロジェクトを持っています。

これに Pagination.Ellipsis を追加したいのですが、コードに挿入する方法がわかりません。

ページネーションのドキュメントを表示react-bootstrap.github.io

これは、ページネーション省略記号 SandboxEllipses を使用して達成しようとしていることの例です。

以下は私のコードであり、サンドボックス コード https://codesandbox.io/ でもあります。

映画リスト.js

リーリー

MovielistPagination.js

リーリー

<Pagination.Ellipsis key={pageNumbers} className="muted" /> や ff コードなどの解決策をいくつか試しましたが、うまくいきません。

リーリー

Answer 1

質問に対する私の現在の答えは、react-paginate を使用することです。私のフォークされた答えは codesandbox で見つけることができます。

質問はそのままにしておきます。誰かが助けてくれるかもしれません。ありがとう！