title: Why is onClick triggering on render of component instead of when clicked?
body: <p>I have this button console.log as a test and it is being triggered whenever I refresh the page instead of when I click a nav button. Let me know if you can see the problem with this code if you'll need more. </p>
  
  <pre><code>import React from 'react';
  import SideNav from "react-sidenav";
  var TeamActions = require('../actions/TeamActions');
  
  export default class Nav extends React.Component {
    pushName(name) {
      TeamActions.setTeamName(name);
    }
  
    render() {
      return(
        &lt;SideNav.Menu
          path="#"
          itemHeight="32px"
          styles={{margin: "0"}}
        &gt;
          &lt;SideNav.MenuItem
            itemKey="truck"
          &gt;
          //this is where I'm using onClick
            &lt;SideNav.ILeftItem
              className="fa fa-truck"
              onClick={console.log("hello")}
            &gt;
                Boston Celtics
            &lt;/SideNav.ILeftItem&gt;
          &lt;/SideNav.MenuItem&gt;
  </code></pre>