title: react-bootstrap-table: insertModalBody not working for me
body: <p>My codes (following the <a href="https://gist.github.com/AllenFang/bb06cc4740762bfea8ac50c2d620cbb1#file-custom-insert-modal-body-jsx-L62" rel="nofollow noreferrer">example</a>):</p>
  
  <pre><code>class MyCustomBody extends React.Component {
    render() {
      return (&lt;form&gt;
        &lt;div className="form-group"&gt;&lt;label&gt;Email&lt;/label&gt;&lt;input type="text" placeholder="Email" className="form-control editor edit-text"&gt;&lt;/input&gt;&lt;/div&gt;
        &lt;div className="form-group"&gt;&lt;label&gt;Role&lt;/label&gt;&lt;select placeholder="Role" className="form-control editor edit-select"&gt;&lt;option value="Admin"&gt;Admin&lt;/option&gt;&lt;option value="Client"&gt;Client&lt;/option&gt;&lt;/select&gt;&lt;/div&gt;
        &lt;div className="form-group"&gt;&lt;label&gt;Name&lt;/label&gt;&lt;input type="text" placeholder="Name" className="form-control editor edit-text"&gt;&lt;/input&gt;&lt;/div&gt;
        &lt;div className="form-group"&gt;&lt;label&gt;Password&lt;/label&gt;&lt;input type="text" placeholder="Password" className="form-control editor edit-text"&gt;&lt;/input&gt;&lt;/div&gt;
      &lt;/form&gt;);
    }
  }
  
  class MyDashboard extends Component {
    constructor(props) {
      super(props);
      this.createCustomModalBody = this.createCustomModalBody.bind(this);
    }
  
    createCustomModalBody() {
      return &lt;MyCustomBody/&gt;;
    }
  
    render() {
  
      const options = {
        insertModalBody: this.createCustomModalBody
      };
  
      return (
        &lt;BootstrapTable data={(this.props.users || [])}
          options={options}
          insertRow
          search &gt;
          &lt;TableHeaderColumn isKey dataField='_id'&gt;ID&lt;/TableHeaderColumn&gt;
          &lt;TableHeaderColumn dataField='email'&gt;Email&lt;/TableHeaderColumn&gt;
          &lt;TableHeaderColumn dataField='role'&gt;Role&lt;/TableHeaderColumn&gt;
          &lt;TableHeaderColumn dataField='profile' dataFormat={this.nameFormatter}&gt;Name&lt;/TableHeaderColumn&gt;
          &lt;TableHeaderColumn dataField='password' hidden&gt;Password&lt;/TableHeaderColumn&gt;
        &lt;/BootstrapTable&gt;
      );
    }
  }
  </code></pre>
  
  <p>Some codes removed. When <code>+new</code> button clicked, the default form shown instead of my customized form. Any ideas? Thanks</p>