title: React-Bootstrap - Pagination not showing
body: <p>I'm using the react-bootstrap to paginate the result. It is rendering the div #content, but it is not showing nothing more. It is showing only a empty div with width, height and background color as I configured on the CSS file. I would like to display the pagination showing one house per page. The result of data from JSON is catched successfully. How can I solve the pagination issue? Thanks! </p>
  
  <pre><code>import React, { Component } from 'react'
  import axios from 'axios'
  import { Pagination } from 'react-bootstrap'
  
  const URL_HOUSES = 'http://localhost:3001/houses';
  
  class Casas extends Component {
    constructor(props) {
      super(props)
      this.state = {
      houses: []      
    }
      this.handlePageChange = this.handlePageChange.bind(this)    
   }
  
  getNumPages(currentPage) {
    { this.handlePageChange } 
      this.setState({
      per_page: this.props.results ,
      currentPage: currentPage + 1 ,
      previousPage: currentPage - 1
     });
   }
  
    handlePageChange(page, evt) {
      const currentPage = this.state.currentPage || 1;
      const numPages = this.getNumPages();
      const pageLinks = [];
      if (currentPage &gt; 1) {
      if (currentPage &gt; 2) {
        pageLinks.push(1);
        pageLinks.push(' ');
      }
      pageLinks.push(currentPage - 1);
      pageLinks.push(' ');
    }
    for (let i = 1; i &lt;= numPages; i++) {
      const page = i;
      pageLinks.push(page);
    }
    if (currentPage &lt; numPages) {
      pageLinks.push(' ');
      pageLinks.push(currentPage + 1);
      if (currentPage &lt; numPages - 1) {
        pageLinks.push(' ');
        pageLinks.push(numPages);
      }
    }
    this.setState({ currentPage: currentPage + 1  } );
    this.setState({ previousPage: currentPage - 1  } );
  }
  
  
  componentDidMount() {
    axios.get(URL_HOUSES)
    .then(res =&gt; {
      this.setState({ houses: res.data })
    })
  }
  
  render() {
    const per_page = "1";    
    const paginationData = this.state.houses
  
    let numPages = Math.ceil(paginationData.length / per_page);
  
    if (paginationData.length % per_page &gt; 0) {
      numPages++;
    }
    return (
      &lt;div&gt;
        {this.state.houses.map(item =&gt;
          &lt;div&gt;
            &lt;h2&gt;{item.name}&lt;/h2&gt;
            &lt;p&gt;{item.description}&lt;/p&gt;
            &lt;ul&gt;
              {
              item.photos.map(photo =&gt; &lt;li&gt;{photo}&lt;/li&gt;)
              }
            &lt;/ul&gt;
          &lt;/div&gt;
        )}
        &lt;Pagination id="content" className="users-pagination pull-right" 
        bsSize="medium" 
        first last  next  prev  boundaryLinks items={numPages} 
        activePage={ this.state.currentPage } onSelect={ this.handlePageChange 
       } /&gt;
  
       &lt;/div&gt;
      )
     }
   }
  
  export default Houses;
  </code></pre>