diff --git a/README-zh_CN.md b/README-zh_CN.md
index c2b2b8be4a..1ac4037c43 100644
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@@ -21,7 +21,7 @@
```jsx
import { Datepicker } from 'antd';
-React.render(, mountNode);
+ReactDOM.render(, mountNode);
```
## 链接
diff --git a/README.md b/README.md
index f8f2137808..44f1820af6 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@ An enterprise-class UI design language and React-based implementation.
```jsx
import { Datepicker } from 'antd';
-React.render(, mountNode);
+ReactDOM.render(, mountNode);
```
## Links
diff --git a/components/affix/index.jsx b/components/affix/index.jsx
index 770017ff23..32e3cf939b 100644
--- a/components/affix/index.jsx
+++ b/components/affix/index.jsx
@@ -1,4 +1,5 @@
import React from 'react';
+import ReactDOM from 'react-dom';
import rcUtil from 'rc-util';
function getScroll(w, top) {
@@ -52,7 +53,7 @@ let Affix = React.createClass({
handleScroll() {
let affix = this.state.affix;
let scrollTop = getScroll(window, true);
- let elemOffset = getOffset(this.getDOMNode());
+ let elemOffset = getOffset(ReactDOM.findDOMNode(this));
if (!affix && (elemOffset.top - this.props.offset) < scrollTop) {
this.setState({
@@ -60,7 +61,7 @@ let Affix = React.createClass({
affixStyle: {
top: this.props.offset,
left: elemOffset.left,
- width: this.getDOMNode().offsetWidth
+ width: ReactDOM.findDOMNode(this).offsetWidth
}
});
}
diff --git a/components/alert/index.jsx b/components/alert/index.jsx
index 7cbb92a013..0806e9390c 100644
--- a/components/alert/index.jsx
+++ b/components/alert/index.jsx
@@ -1,4 +1,5 @@
import React from 'react';
+import ReactDOM from 'react-dom';
import Animate from 'rc-animate';
import Icon from '../iconfont';
@@ -15,7 +16,7 @@ export default React.createClass({
};
},
handleClose(e) {
- let dom = React.findDOMNode(this);
+ let dom = ReactDOM.findDOMNode(this);
dom.style.height = dom.offsetHeight + 'px';
// Magic code
// 重复一次后才能正确设置 height
diff --git a/components/tag/index.jsx b/components/tag/index.jsx
index 2675a737ba..78ea54952f 100644
--- a/components/tag/index.jsx
+++ b/components/tag/index.jsx
@@ -1,4 +1,5 @@
import React from 'react';
+import ReactDOM from 'react-dom';
import Animate from 'rc-animate';
import Icon from '../iconfont';
const prefixCls = 'ant-tag';
@@ -14,7 +15,7 @@ class AntTag extends React.Component {
}
close(e) {
- let dom = React.findDOMNode(this);
+ let dom = ReactDOM.findDOMNode(this);
dom.style.width = dom.offsetWidth + 'px';
// It's Magic Code, don't know why
dom.style.width = dom.offsetWidth + 'px';
diff --git a/docs/getting-started.md b/docs/getting-started.md
index 56719c45e7..3398c0c3d6 100644
--- a/docs/getting-started.md
+++ b/docs/getting-started.md
@@ -36,6 +36,7 @@ $ npm install
```jsx
import React from 'react';
+import ReactDOM from 'react-dom';
import { Datepicker, message } from 'antd';
var App = React.createClass({
@@ -58,7 +59,7 @@ var App = React.createClass({
}
});
-React.render(, document.body);
+ReactDOM.render(, document.body);
```
> `var Datepicker = require('antd/lib/datepicker')` 单独引入需要的组件文件可以有效减少最终构建文件的大小。
diff --git a/docs/introduce.md b/docs/introduce.md
index b794b3327c..84c4747fec 100644
--- a/docs/introduce.md
+++ b/docs/introduce.md
@@ -37,7 +37,7 @@
```jsx
import { Datepicker } from 'antd';
-React.render(, mountNode);
+ReactDOM.render(, mountNode);
```
## 版本
diff --git a/spec/colors.md b/spec/colors.md
index 019a1112e3..02d02a9be8 100644
--- a/spec/colors.md
+++ b/spec/colors.md
@@ -189,7 +189,7 @@ let ExtendPalettes = React.createClass({
;
}
});
-React.render(, document.getElementById('extend-palettes'));
+ReactDOM.render(, document.getElementById('extend-palettes'));
`````
## 色彩换算工具
@@ -265,5 +265,5 @@ let TintShadeTool = React.createClass({
}
});
-React.render(, document.getElementById('color-tint-shade-tool'));
+ReactDOM.render(, document.getElementById('color-tint-shade-tool'));
`````
diff --git a/spec/motion.md b/spec/motion.md
index 239dd59a7b..1de435adb5 100644
--- a/spec/motion.md
+++ b/spec/motion.md
@@ -203,7 +203,7 @@ var Test = React.createClass({
},
componentDidMount() {
- this.demoNode = React.findDOMNode(this.refs.demo);
+ this.demoNode = ReactDOM.findDOMNode(this.refs.demo);
},
render() {
@@ -225,7 +225,7 @@ var Test = React.createClass({
}
});
-React.render(, document.getElementById('components-motion-demo-basic'));
+ReactDOM.render(, document.getElementById('components-motion-demo-basic'));
`````