title: React-Bootstrap NavItem not Firing onClick Handler
body: <p>I am trying to call a click event handler when I click on a NavItem using React-Bootstrap. </p>
  
  <p>I have the following code:</p>
  
  <pre><code>&lt;Navbar fluid inverse&gt;
              &lt;Navbar.Header&gt;
                  &lt;Navbar.Brand&gt;
                      {first} {last}
                  &lt;/Navbar.Brand&gt;
                  &lt;Navbar.Toggle/&gt;
              &lt;/Navbar.Header&gt;
              &lt;Navbar.Collapse&gt;
              &lt;Nav&gt;
                  {navItems.map(item =&gt; {
                      return(
                          &lt;NavItem                           
                          key={item[1]}
                          eventKey={item[1]}
                          onClick={()=&gt; this.handleClick}
                          &gt;
                              {item[0]}
                          &lt;/NavItem&gt;
                      );
                  })}                  
              &lt;/Nav&gt;
              &lt;/Navbar.Collapse&gt;
          &lt;/Navbar&gt;
  </code></pre>
  
  <p>With this as my click handler:</p>
  
  <pre><code>handleClick(event) {
      event.preventDefault();
      console.log(event);
  }
  </code></pre>
  
  <p>What's goofy, is that this doesn't work, however, when I have the onClick to equal:</p>
  
  <pre><code>&lt;NavItem                           
    key={item[1]}
    eventKey={item[1]}
    onClick={()=&gt; console.log("Hello")}
    &gt;
    {item[0]}
   &lt;/NavItem&gt;
  </code></pre>
  
  <p>It works fine, it is only when I add the click handler... any ideas?</p>