diff --git a/examples/handleVisibleChange.js b/examples/handleVisibleChange.js
index 9ad5ae2..1c2faf3 100644
--- a/examples/handleVisibleChange.js
+++ b/examples/handleVisibleChange.js
@@ -15,7 +15,15 @@ var Test = React.createClass({
       visible: visible
     });
   },
+  handleDestroy(){
+    this.setState({
+      destroy:true
+    });
+  },
   render() {
+    if(this.state.destroy){
+      return null;
+    }
     return <div >
       <div style={{marginTop: 300, marginLeft: 100, marginBottom: 100}}>
         <Tooltip
@@ -27,6 +35,7 @@ var Test = React.createClass({
           <a href='#' onClick={preventDefault}>trigger</a>
         </Tooltip>
       </div>
+      <button onClick={this.handleDestroy}>destroy</button>
     </div>;
   }
 });
diff --git a/package.json b/package.json
index d049b99..e84e523 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rc-tooltip",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "tooltip ui component for react",
   "keywords": [
     "react",
diff --git a/src/Tooltip.jsx b/src/Tooltip.jsx
index 5b1cb41..3414b28 100644
--- a/src/Tooltip.jsx
+++ b/src/Tooltip.jsx
@@ -106,6 +106,14 @@ class Tooltip extends React.Component {
     }
   }
 
+  componentWillUnmount() {
+    if (this.tipContainer) {
+      React.unmountComponentAtNode(this.tipContainer);
+      document.body.removeChild(this.tipContainer);
+      this.tipContainer = null;
+    }
+  }
+
   render() {
     if (this.state.visible) {
       this.popupRendered = true;