title: how add react-loading in react bootstrap table
body: <p>i'm new in reactjs and react bootstrap table. i want add react-loading in my react component before data show. because data show so long. but doesn't work. </p>
  
  <p>this is my code</p>
  
  <pre><code>import React, { Component } from 'react';
  import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
  import PageHeader from 'react-bootstrap/lib/PageHeader';
  import database from './database';
  import root from 'window-or-global';
  import Loading from 'react-loading';
  
  class User extends Component {
      constructor(props) {
      super(props);
      this.state = {
        text:'',
        products: []
      };
  
     this.userRef = database.ref('users');
    }
  
    componentDidMount() {
      this.userRef.on('value', this.gotData, this.errData); 
    }
  
  
    gotData = (data) =&gt; {
      let newProducts = []
      const userdata = data.val();
      const keys = Object.keys(userdata);
      for (let i = 0; i &lt; keys.length; i++) {
        const k = keys[i];
        newProducts.push({
          name: userdata[k].nama, address: userdata[k].address, email: userdata[k].email
        });
      }
      this.setState({products : newProducts});
    }
  
    errData = (err) =&gt; {
     console.log(err);
   }
  
    handleClick = (rowKey) =&gt; {
      alert(this.refs.table.getPageByRowKey(rowKey));
    }
  
      render() {
      return (
        &lt;div&gt;
        &lt;Loading type ='spinning-bubbles' color='#e3e3e3' /&gt;
            &lt;div className="col-lg-12"&gt;
            &lt;PageHeader&gt;Members&lt;/PageHeader&gt;
         &lt;/div&gt;
          &lt;BootstrapTable  
                ref='table'
              data={ this.state.products }
              pagination={ true }
              search={ true }&gt;
            &lt;TableHeaderColumn dataField='name' isKey={true} dataSort={true}&gt;Name&lt;/TableHeaderColumn&gt;
              &lt;TableHeaderColumn dataField='address' dataSort={true}&gt;Address&lt;/TableHeaderColumn&gt;
              &lt;TableHeaderColumn dataField='email'&gt;Email&lt;/TableHeaderColumn&gt;
            &lt;/BootstrapTable&gt;
        &lt;/div&gt;
      );
      }
  }
  
  export default User;
  </code></pre>
  
  <p>Best wishes! Wish for replying.</p>