diff --git a/README.md b/README.md
index b88f90df..7d88df24 100644
--- a/README.md
+++ b/README.md
@@ -39,13 +39,12 @@ react dialog component
 ```js
 var Dialog = require('rc-dialog');
 
-  React.renderComponent(
-      (<Dialog title={title} onClose={callback1} onShow={callback2}>
-        <p>first dialog</p>
-      </Dialog>),
-      document.getElementById('t1')
-  );
-  
+ReactDOM.render(
+  <Dialog title={title} onClose={callback1} onShow={callback2}>
+      <p>first dialog</p>
+  </Dialog>
+), document.getElementById('t1'));
+
 // use dialog
 ```
 
@@ -151,4 +150,4 @@ http://localhost:8007/node_modules/rc-server/node_modules/node-jscover/lib/front
 
 ## License
 
-rc-dialog is released under the MIT license.
\ No newline at end of file
+rc-dialog is released under the MIT license.
diff --git a/package.json b/package.json
index 7163f053..024ad735 100644
--- a/package.json
+++ b/package.json
@@ -56,8 +56,8 @@
   ],
   "dependencies": {
     "object-assign": "4.x",
-    "rc-align": "1.x",
-    "rc-animate": "1.x",
+    "rc-align": "2.x",
+    "rc-animate": "2.x",
     "rc-util": "2.x"
   }
 }
diff --git a/tests/index.spec.js b/tests/index.spec.js
index c36a15f1..1b6b3ece 100644
--- a/tests/index.spec.js
+++ b/tests/index.spec.js
@@ -5,6 +5,7 @@ var Dialog = require('../index');
 require('../assets/bootstrap.less');
 var $ = require('jquery');
 var React = require('react');
+var ReactDOM = require('react-dom');
 var TestUtils = require('react-addons-test-utils');
 var Simulate = TestUtils.Simulate;
 var async = require('async');
@@ -29,7 +30,7 @@ describe('dialog', function () {
     }
 
     callback1 = 0;
-    dialog = React.render((<Dialog
+    dialog = ReactDOM.render((<Dialog
       style={{width: 600}}
       title={title}
       onClose={onClose}>
@@ -38,7 +39,7 @@ describe('dialog', function () {
   });
 
   afterEach(function () {
-    React.unmountComponentAtNode(container);
+    ReactDOM.unmountComponentAtNode(container);
   });
 
   it('show', function (done) {
@@ -113,7 +114,7 @@ describe('dialog', function () {
   });
 
   it('renderToBody', function () {
-    var d = React.render(<Dialog>
+    var d = ReactDOM.render(<Dialog>
       <p className="renderToBody">1</p>
     </Dialog>, container);
     expect($('.renderToBody').length).to.be(0);
@@ -125,7 +126,7 @@ describe('dialog', function () {
     expect($('.renderToBody').length).to.be(1);
     expect($('.rc-dialog-wrap')[0].parentNode).not.to.be(container);
     expect($('.rc-dialog-wrap')[0].parentNode.className).to.be('rc-dialog-container');
-    React.unmountComponentAtNode(container);
+    ReactDOM.unmountComponentAtNode(container);
     expect($('.renderToBody').length).to.be(0);
     expect($('.rc-dialog-container').length).to.be(0);
   });