title: Reactjs Pagination - unable to paginate the data
body: <p>Please find the below code that i have tried for pagination. I have 50 records but i cant able to show more than 10 records. And i dont have idea to iterate to next 10 records till 50 records.</p>
  
  <pre><code>render() {
    const per_page=10;
    const pages = Math.ceil(this.props.items.length / per_page);
    const current_page = 1;
    const start_offset = (current_page - 1) * per_page;
    let start_count =0;
    return (&lt;tbody&gt;{ this.props.items
  .sort((a, b) =&gt; moment(b.order_date) - moment(a.order_date) || b.order_number - a.order_number)
  .map((item, index) =&gt; {
      if (index &gt;= start_offset &amp;&amp; start_count &lt; per_page) {
        start_count++;
        return &lt;SearchResultsItem key={item.id} item={item} open={this.props.open} /&gt;;
      }
    })
  }
  &lt;Pagination
    className="items-pagination pull-right"
    bsSize="medium"
    maxButton={10}
    first last next prev boundaryLinks
    item={pages}
    activePage={current_page} /&gt;
  &lt;/tbody&gt;
  );
  }
  </code></pre>