diff --git a/examples/antd.js b/examples/antd.js
index 7b20e2cb..53972c86 100644
--- a/examples/antd.js
+++ b/examples/antd.js
@@ -11,6 +11,10 @@ function handleSelect(info) {
   console.log(`selected ${info.key}`);
 }
 
+function handleItemClick(e) {
+  console.log('item clicked');
+}
+
 const animation = {
   enter(node, done) {
     let height;
@@ -52,24 +56,24 @@ const animation = {
 const reactContainer = document.getElementById('__react-content');
 
 const nestSubMenu = (<SubMenu title={<span>offset sub menu 2</span>} key="4" popupOffset={[10, 15]}>
-  <MenuItem key="4-1">inner inner</MenuItem>
+  <MenuItem key="4-1" whatever="inner inner" onClick={handleItemClick}>inner inner</MenuItem>
   <Divider/>
   <SubMenu
     key="4-2"
     title={<span>sub menu 3</span>}
   >
     <SubMenu title="sub 4-2-0" key="4-2-0">
-      <MenuItem key="4-2-0-1">inner inner</MenuItem>
-      <MenuItem key="4-2-0-2">inner inner2</MenuItem>
+      <MenuItem key="4-2-0-1" whatever="inner inner1" onClick={handleItemClick}>inner inner1</MenuItem>
+      <MenuItem key="4-2-0-2" whatever="inner inner2" onClick={handleItemClick}>inner inner2</MenuItem>
     </SubMenu>
-    <MenuItem key="4-2-1">inn</MenuItem>
+    <MenuItem key="4-2-1" whatever="inner inner3" onClick={handleItemClick}>inner inner3</MenuItem>
     <SubMenu title={<span>sub menu 4</span>} key="4-2-2">
-      <MenuItem key="4-2-2-1">inner inner</MenuItem>
-      <MenuItem key="4-2-2-2">inner inner2</MenuItem>
+      <MenuItem key="4-2-2-1" whatever="inner inner4" onClick={handleItemClick}>inner inner4</MenuItem>
+      <MenuItem key="4-2-2-2" whatever="inner inner5" onClick={handleItemClick}>inner inner5</MenuItem>
     </SubMenu>
     <SubMenu title="sub 4-2-3" key="4-2-3">
-      <MenuItem key="4-2-3-1">inner inner</MenuItem>
-      <MenuItem key="4-2-3-2">inner inner2</MenuItem>
+      <MenuItem key="4-2-3-1" whatever="inner inner6" onClick={handleItemClick}>inner inner6</MenuItem>
+      <MenuItem key="4-2-3-2" whatever="inner inner7" onClick={handleItemClick}>inner inner7</MenuItem>
     </SubMenu>
   </SubMenu>
 </SubMenu>);
@@ -77,16 +81,16 @@ const nestSubMenu = (<SubMenu title={<span>offset sub menu 2</span>} key="4" pop
 function onOpenChange(value) {
   console.log('onOpenChange', value);
 }
-const commonMenu = (<Menu onSelect={handleSelect} onOpenChange={onOpenChange}>
+const commonMenu = (<Menu onClick={handleSelect} onOpenChange={onOpenChange}>
   <SubMenu title={<span>sub menu</span>} key="1">
-    <MenuItem key="1-1">0-1</MenuItem>
-    <MenuItem key="1-2">0-2</MenuItem>
+    <MenuItem key="1-1" onClick={handleItemClick}>0-1</MenuItem>
+    <MenuItem key="1-2" onClick={handleItemClick}>0-2</MenuItem>
   </SubMenu>
   {nestSubMenu}
-  <MenuItem key="2">1</MenuItem>
-  <MenuItem key="3">outer</MenuItem>
+  <MenuItem key="2" onClick={handleItemClick}>1</MenuItem>
+  <MenuItem key="3" onClick={handleItemClick}>outer</MenuItem>
   <MenuItem disabled>disabled</MenuItem>
-  <MenuItem key="5">outer3</MenuItem>
+  <MenuItem key="5" onClick={handleItemClick}>outer3</MenuItem>
 </Menu>);
 
 function render(container) {
diff --git a/src/SubMenu.jsx b/src/SubMenu.jsx
index 1fce204c..7a5c5dd5 100644
--- a/src/SubMenu.jsx
+++ b/src/SubMenu.jsx
@@ -12,7 +12,6 @@ import {
   noop,
   loopMenuItemRecursively,
   getMenuIdFromSubMenuEventKey,
-  menuAllProps,
 } from './util';
 
 let guid = 0;
@@ -490,9 +489,8 @@ export class SubMenu extends React.Component {
       forceSubMenuRender,
       subMenuCloseDelay,
     } = props;
-    menuAllProps.forEach(key => delete props[key]);
     return (
-      <li {...props} {...mouseEvents} className={className} role="menuitem">
+      <li {...mouseEvents} className={className} role="menuitem">
         {isInlineMode && title}
         {isInlineMode && children}
         {!isInlineMode && (
diff --git a/src/SubPopupMenu.js b/src/SubPopupMenu.js
index 0fec13ab..0b0195ff 100644
--- a/src/SubPopupMenu.js
+++ b/src/SubPopupMenu.js
@@ -4,7 +4,7 @@ import { connect } from 'mini-store';
 import KeyCode from 'rc-util/lib/KeyCode';
 import createChainedFunction from 'rc-util/lib/createChainedFunction';
 import classNames from 'classnames';
-import { getKeyFromChildrenIndex, loopMenuItem, noop, menuAllProps } from './util';
+import { getKeyFromChildrenIndex, loopMenuItem, noop } from './util';
 import DOMWrap from './DOMWrap';
 
 function allDisabled(arr) {
@@ -327,12 +327,11 @@ export class SubPopupMenu extends React.Component {
       domProps.onKeyDown = this.onKeyDown;
     }
     const { prefixCls, eventKey, visible } = props;
-    menuAllProps.forEach(key => delete props[key]);
     return (
       // ESLint is not smart enough to know that the type of `children` was checked.
       /* eslint-disable */
       <DOMWrap
-        {...props}
+        style={props.style}
         tag="ul"
         hiddenClassName={`${prefixCls}-hidden`}
         visible={visible}
diff --git a/tests/MenuItem.spec.js b/tests/MenuItem.spec.js
index a66e643c..4862f1e2 100644
--- a/tests/MenuItem.spec.js
+++ b/tests/MenuItem.spec.js
@@ -106,10 +106,6 @@ describe('MenuItem', () => {
       expect(wrapper.render()).toMatchSnapshot();
       wrapper.find('MenuItem').at(0).simulate('click');
       expect(onClick).toHaveBeenCalledTimes(1);
-      wrapper.find('SubMenu').at(0).simulate('click');
-      expect(onClick).toHaveBeenCalledTimes(2);
-      wrapper.find('MenuItemGroup').at(0).simulate('click');
-      expect(onClick).toHaveBeenCalledTimes(3);
     });
   });
 
diff --git a/tests/__snapshots__/MenuItem.spec.js.snap b/tests/__snapshots__/MenuItem.spec.js.snap
index 86edeebe..17b307a5 100644
--- a/tests/__snapshots__/MenuItem.spec.js.snap
+++ b/tests/__snapshots__/MenuItem.spec.js.snap
@@ -34,9 +34,7 @@ exports[`MenuItem rest props can render all props to sub component 1`] = `
   </li>
   <li
     class="rc-menu-submenu rc-menu-submenu-inline className"
-    data-whatever="whatever"
     role="menuitem"
-    style="font-size: 20px;"
   >
     <div
       aria-expanded="false"