javascript - React.js を使用したページネーションの例

Question

React.js を使用してデータグリッド プロジェクトでページネーションを使用する必要があります。

Fixed Data Table を使用していますが、ES5 でページネーションを行う最善の方法を知る必要があります (特に ES5)。

固定データ テーブルのリンクは次のとおりです。

https://facebook.github.io/fixed-data-table/

React.js（ES5を使用）でページネーションの例を表示できますか、またはどのように行うことができますか?

Answer 1

ビルドチェーンでbabelを使用してES6に書き込んでES5にトランスパイルすることもできますが、基本的な例を直接翻訳すると、次のようになります。

var React = require('react');
var ReactDOM = require('react-dom');
var Table = require('fixed-data-table').Table;
var Column = require('fixed-data-table').Column;
var Cell = require('fixed-data-table').Cell;

// Table data as a list of array.
var rows = [
  ['a1', 'b1', 'c1'],
  ['a2', 'b2', 'c2'],
  ['a3', 'b3', 'c3'],
  // .... and more
];

// The remaining is the same as usual.