title: Not rendering component onClick
body: <p>The component I am trying to render:</p>
  
  <pre><code>import React, { Component } from 'react';
  
  export default class QueryPrint extends Component {
  
      render() {
          console.log('working');
  
          return (
              &lt;div&gt;Hello&lt;/div&gt;
          )
      }
  </code></pre>
  
  <p>}</p>
  
  <p>The component that is trying to call it:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux';
  
  import {
      Button,
  
  } from 'reactstrap';
  
  import QueryPrint from './bq_print';
  
  class QueryResults extends Component {
      constructor(props) {
          super(props);
          this.print = this.print.bind(this);
      }
  
      print() {
          console.log('Clicked');
          return (
              &lt;QueryPrint /&gt;
          );
      }
  
      render() {
          return (
              &lt;Button 
                  className='cuts-btn' 
                  color='success' 
                  onClick={this.print}
              &gt;
                  Print
              &lt;/Button&gt;
          )
      }
  }
  
  function mapStateToProps(state) {
      return {
          query_data: state.results.query_data
      }
  }
  
  export default connect (mapStateToProps, null)(QueryResults);
  </code></pre>
  
  <p>The <code>console.log('clicked')</code> is working, but the component that is supposed to render in that method doesn't--no <code>console.log('working')</code> or <code>&lt;div&gt;</code>.</p>