From b64ed111e2874c8a39c8d1764d3c33a61f4b8ba3 Mon Sep 17 00:00:00 2001
From: Jimmy Jia <tesrin@gmail.com>
Date: Fri, 16 Oct 2015 19:37:48 -0400
Subject: [PATCH] [fixed] Put onClick on correct element on NavItem

---
 src/NavItem.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/NavItem.js b/src/NavItem.js
index 0ef949fb08..ca24025300 100644
--- a/src/NavItem.js
+++ b/src/NavItem.js
@@ -1,7 +1,9 @@
-import React from 'react';
 import classNames from 'classnames';
+import React from 'react';
+
 import BootstrapMixin from './BootstrapMixin';
 import SafeAnchor from './SafeAnchor';
+import createChainedFunction from './utils/createChainedFunction';
 
 const NavItem = React.createClass({
   mixins: [BootstrapMixin],
@@ -12,6 +14,7 @@ const NavItem = React.createClass({
     active: React.PropTypes.bool,
     disabled: React.PropTypes.bool,
     href: React.PropTypes.string,
+    onClick: React.PropTypes.func,
     role: React.PropTypes.string,
     title: React.PropTypes.node,
     eventKey: React.PropTypes.any,
@@ -33,6 +36,7 @@ const NavItem = React.createClass({
         disabled,
         active,
         href,
+        onClick,
         title,
         target,
         children,
@@ -46,11 +50,11 @@ const NavItem = React.createClass({
     let linkProps = {
       role,
       href,
+      onClick: createChainedFunction(onClick, this.handleClick),
       title,
       target,
       tabIndex,
-      id: linkId,
-      onClick: this.handleClick
+      id: linkId
     };
 
     if (!role && href === '#') {