diff --git a/components/affix/demo/basic.md b/components/affix/demo/basic.md
index c3a70cf20..21faf83dd 100644
--- a/components/affix/demo/basic.md
+++ b/components/affix/demo/basic.md
@@ -10,7 +10,7 @@
 var Affix = antd.Affix;
 var Button = antd.Button;
 
-React.render(
+ReactDOM.render(
   <Affix>
     <Button type="primary">固定在顶部</Button>
   </Affix>
diff --git a/components/affix/demo/offset.md b/components/affix/demo/offset.md
index b761d7cf3..fc9456b3f 100644
--- a/components/affix/demo/offset.md
+++ b/components/affix/demo/offset.md
@@ -10,7 +10,7 @@
 var Affix = antd.Affix;
 var Button = antd.Button;
 
-React.render(
+ReactDOM.render(
   <Affix offset={75}>
     <Button type="primary">固定在距离顶部 75px 的位置</Button>
   </Affix>
diff --git a/components/alert/demo/basic.md b/components/alert/demo/basic.md
index cecb3263d..1eebd26d8 100644
--- a/components/alert/demo/basic.md
+++ b/components/alert/demo/basic.md
@@ -9,6 +9,6 @@
 ````jsx
 var Alert = antd.Alert;
 
-React.render(<Alert message="成功提示的文案" type="success" />
+ReactDOM.render(<Alert message="成功提示的文案" type="success" />
 , document.getElementById('components-alert-demo-basic'));
 ````
diff --git a/components/alert/demo/closable.md b/components/alert/demo/closable.md
index 2f7067e90..4b4ea206e 100644
--- a/components/alert/demo/closable.md
+++ b/components/alert/demo/closable.md
@@ -13,7 +13,7 @@ var onClose = function(e) {
   console.log(e, '我要被关闭啦！');
 };
 
-React.render(<div>
+ReactDOM.render(<div>
   <Alert message="警告提示的文案"
     type="warn"
     closable
@@ -24,4 +24,4 @@ React.render(<div>
     closable
     onClose={onClose} />
 </div>, document.getElementById('components-alert-demo-closable'));
-````
\ No newline at end of file
+````
diff --git a/components/alert/demo/close-type.md b/components/alert/demo/close-type.md
index 079156a2b..3eea53981 100644
--- a/components/alert/demo/close-type.md
+++ b/components/alert/demo/close-type.md
@@ -10,7 +10,7 @@
 var Alert = antd.Alert;
 var link = <a href="javascript:;">不再提醒</a>
 
-React.render(
+ReactDOM.render(
 <Alert message="消息提示的文案" type="info" closeText={link} />
 , document.getElementById('components-alert-demo-close-type'));
 ````
diff --git a/components/alert/demo/description.md b/components/alert/demo/description.md
index 3a83e3d45..e4feee864 100644
--- a/components/alert/demo/description.md
+++ b/components/alert/demo/description.md
@@ -9,7 +9,7 @@
 ````jsx
 var Alert = antd.Alert;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Alert message="成功提示的文案"
     description="成功提示的辅助性文字介绍成功提示的辅助性文字介绍成功提示的辅助性文字介绍成功提示的辅助性文字介绍"
     type="success" />
diff --git a/components/alert/demo/style.md b/components/alert/demo/style.md
index 61345c02d..09480882f 100644
--- a/components/alert/demo/style.md
+++ b/components/alert/demo/style.md
@@ -9,7 +9,7 @@
 ````jsx
 var Alert = antd.Alert;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Alert message="成功提示的文案" type="success" />
   <Alert message="消息提示的文案" type="info" />
   <Alert message="警告提示的文案" type="warn" />
diff --git a/components/badge/demo/99plus.md b/components/badge/demo/99plus.md
index 331b95e47..6f391aa65 100644
--- a/components/badge/demo/99plus.md
+++ b/components/badge/demo/99plus.md
@@ -9,7 +9,7 @@
 ````jsx
 var Badge = antd.Badge;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Badge count="99">
     <a href="#" className="head-example"></a>
   </Badge>
diff --git a/components/badge/demo/basic.md b/components/badge/demo/basic.md
index 0ffcfde7e..d4d7cc17d 100644
--- a/components/badge/demo/basic.md
+++ b/components/badge/demo/basic.md
@@ -9,7 +9,7 @@
 ````jsx
 var Badge = antd.Badge;
 
-React.render(
+ReactDOM.render(
   <Badge count="5">
     <a href="#" className="head-example"></a>
   </Badge>
diff --git a/components/badge/demo/dot.md b/components/badge/demo/dot.md
index 20c70d1b2..69e9ee57b 100644
--- a/components/badge/demo/dot.md
+++ b/components/badge/demo/dot.md
@@ -10,7 +10,7 @@
 var Badge = antd.Badge;
 var Icon = antd.Icon;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Badge dot={true}>
     <Icon type="notification" />
   </Badge>
diff --git a/components/badge/demo/link.md b/components/badge/demo/link.md
index 61f723b4e..321a017d7 100644
--- a/components/badge/demo/link.md
+++ b/components/badge/demo/link.md
@@ -9,7 +9,7 @@
 ````jsx
 var Badge = antd.Badge;
 
-React.render(
+ReactDOM.render(
   <a href="#">
     <Badge count="5">
       <span className="head-example"></span>
diff --git a/components/breadcrumb/demo/basic.md b/components/breadcrumb/demo/basic.md
index ab42d4cff..201ce5ede 100644
--- a/components/breadcrumb/demo/basic.md
+++ b/components/breadcrumb/demo/basic.md
@@ -9,7 +9,7 @@
 ````jsx
 var Breadcrumb = require('antd/lib/breadcrumb');
 
-React.render(
+ReactDOM.render(
   <Breadcrumb>
     <Breadcrumb.Item>首页</Breadcrumb.Item>
     <Breadcrumb.Item href="">应用中心</Breadcrumb.Item>
diff --git a/components/breadcrumb/demo/router.md b/components/breadcrumb/demo/router.md
index 8048b02f9..00b2d6272 100644
--- a/components/breadcrumb/demo/router.md
+++ b/components/breadcrumb/demo/router.md
@@ -41,7 +41,7 @@ var Home = React.createClass({
   }
 });
 
-React.render((
+ReactDOM.render((
   <Router>
     <Route name="home" breadcrumbName="首页" path="/" component={Home} ignoreScrollBehavior>
       <Route name="apps" breadcrumbName="应用列表" path="apps" component={Apps}>
diff --git a/components/breadcrumb/demo/withIcon.md b/components/breadcrumb/demo/withIcon.md
index 9b4038061..13b5d7786 100644
--- a/components/breadcrumb/demo/withIcon.md
+++ b/components/breadcrumb/demo/withIcon.md
@@ -10,7 +10,7 @@
 var Breadcrumb = require('antd/lib/breadcrumb');
 var Icon = require('antd').iconfont;
 
-React.render(
+ReactDOM.render(
   <Breadcrumb>
     <Breadcrumb.Item href="">
       <Icon type="home" />
diff --git a/components/button/demo/basic.md b/components/button/demo/basic.md
index fc8027149..bb6f04367 100644
--- a/components/button/demo/basic.md
+++ b/components/button/demo/basic.md
@@ -7,11 +7,11 @@
 通过设置 `type` 为 `primary` `ghost` 可分别创建主按钮、幽灵按钮，若不设置 `type` 值则为次按钮。不同的样式可以用来区别其重要程度。
 
 ---
- 
+
 ````jsx
 var Button = antd.Button;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button type="primary">主按钮</Button>
   <Button>次按钮</Button>
   <Button type="ghost">幽灵按钮</Button>
diff --git a/components/button/demo/button-group.md b/components/button/demo/button-group.md
index efc626570..def363d9c 100644
--- a/components/button/demo/button-group.md
+++ b/components/button/demo/button-group.md
@@ -13,7 +13,7 @@ var Button = antd.Button;
 var ButtonGroup = antd.ButtonGroup;
 var Icon = antd.Icon;
 
-React.render(<div>
+ReactDOM.render(<div>
 <h4>基本组合</h4>
 <ButtonGroup>
   <Button type="primary">确定</Button>
diff --git a/components/button/demo/icon.md b/components/button/demo/icon.md
index 2ef66d0ac..ea300dc7d 100644
--- a/components/button/demo/icon.md
+++ b/components/button/demo/icon.md
@@ -10,7 +10,7 @@
 var Button = antd.Button;
 var Icon = antd.Icon;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button type="primary" shape="circle" size="lg">
     <Icon type="search" />
   </Button>
diff --git a/components/button/demo/loading.md b/components/button/demo/loading.md
index e2ce2c3fd..babfeb775 100644
--- a/components/button/demo/loading.md
+++ b/components/button/demo/loading.md
@@ -39,7 +39,7 @@ var App = React.createClass({
   }
 });
 
-React.render(<App />, document.getElementById('components-button-demo-loading'));
+ReactDOM.render(<App />, document.getElementById('components-button-demo-loading'));
 ````
 
 <style>
diff --git a/components/button/demo/shape.md b/components/button/demo/shape.md
index bdda312a9..8a656c76d 100644
--- a/components/button/demo/shape.md
+++ b/components/button/demo/shape.md
@@ -10,7 +10,7 @@
 var Button = antd.Button;
 var Icon = antd.Icon;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button type="primary" shape="circle" size="lg">
     <Icon type="search" />
   </Button>
diff --git a/components/button/demo/size.md b/components/button/demo/size.md
index 402538c97..4e0695a99 100644
--- a/components/button/demo/size.md
+++ b/components/button/demo/size.md
@@ -11,7 +11,7 @@
 ````jsx
 var Button = antd.Button;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button type="primary" size="lg">大号按钮</Button>
   <Button type="primary">中号按钮(默认)</Button>
   <Button type="primary" size="sm">小号按钮</Button>
diff --git a/components/button/demo/status.md b/components/button/demo/status.md
index 7a9f2a1e5..852757456 100644
--- a/components/button/demo/status.md
+++ b/components/button/demo/status.md
@@ -9,7 +9,7 @@
 ````jsx
 var Button = antd.Button;
 
-React.render(<div>
+ReactDOM.render(<div>
   <h4>使用 `disabled` 属性</h4>
   <Button type="primary">主按钮</Button>
   <Button type="primary" disabled>主按钮(失效)</Button>
diff --git a/components/carousel/demo/autoplay.md b/components/carousel/demo/autoplay.md
index ec9416632..8f3ac6bc5 100644
--- a/components/carousel/demo/autoplay.md
+++ b/components/carousel/demo/autoplay.md
@@ -9,7 +9,7 @@
 ````jsx
 var Carousel = antd.Carousel;
 
-React.render(
+ReactDOM.render(
   <Carousel autoplay="true">
     <div><h3>1</h3></div>
     <div><h3>2</h3></div>
diff --git a/components/carousel/demo/basic.md b/components/carousel/demo/basic.md
index e5715e1f6..6da8c9df0 100644
--- a/components/carousel/demo/basic.md
+++ b/components/carousel/demo/basic.md
@@ -9,7 +9,7 @@
 ````jsx
 var Carousel = antd.Carousel;
 
-React.render(
+ReactDOM.render(
   <Carousel>
     <div><h3>1</h3></div>
     <div><h3>2</h3></div>
diff --git a/components/carousel/demo/fade.md b/components/carousel/demo/fade.md
index e04e18680..8abf5c14c 100644
--- a/components/carousel/demo/fade.md
+++ b/components/carousel/demo/fade.md
@@ -9,7 +9,7 @@
 ````jsx
 var Carousel = antd.Carousel;
 
-React.render(
+ReactDOM.render(
   <Carousel effect="fade">
     <div><h3>1</h3></div>
     <div><h3>2</h3></div>
diff --git a/components/carousel/demo/vertical.md b/components/carousel/demo/vertical.md
index 37726ba3b..de0d57df2 100644
--- a/components/carousel/demo/vertical.md
+++ b/components/carousel/demo/vertical.md
@@ -9,7 +9,7 @@
 ````jsx
 var Carousel = antd.Carousel;
 
-React.render(
+ReactDOM.render(
   <Carousel vertical="true">
     <div><h3>1</h3></div>
     <div><h3>2</h3></div>
diff --git a/components/checkbox/demo/basic.md b/components/checkbox/demo/basic.md
index d6049ae52..3732e8d94 100644
--- a/components/checkbox/demo/basic.md
+++ b/components/checkbox/demo/basic.md
@@ -13,7 +13,7 @@ function onChange(e) {
   console.log('checked = ' + e.target.checked);
 }
 
-React.render(<label>
+ReactDOM.render(<label>
   <Checkbox defaultChecked={false} onChange={onChange} />
   Checkbox
 </label>, container);
diff --git a/components/checkbox/demo/controller.md b/components/checkbox/demo/controller.md
index 4bbbf2af9..d245d4f23 100644
--- a/components/checkbox/demo/controller.md
+++ b/components/checkbox/demo/controller.md
@@ -57,5 +57,5 @@ var App = React.createClass({
   }
 });
 
-React.render(<App />, container);
+ReactDOM.render(<App />, container);
 ````
diff --git a/components/checkbox/demo/disable.md b/components/checkbox/demo/disable.md
index 21a03bc65..70358cdeb 100644
--- a/components/checkbox/demo/disable.md
+++ b/components/checkbox/demo/disable.md
@@ -10,7 +10,7 @@ checkbox 不可用。
 var Checkbox = antd.Checkbox;
 var container = document.getElementById('components-checkbox-demo-disable');
 
-React.render(<div>
+ReactDOM.render(<div>
   <Checkbox defaultChecked={false} disabled={true}/>
   <br />
   <Checkbox defaultChecked={true} disabled={true}/>
diff --git a/components/collapse/demo/accordion.md b/components/collapse/demo/accordion.md
index c81e13bcb..3a4be7b96 100644
--- a/components/collapse/demo/accordion.md
+++ b/components/collapse/demo/accordion.md
@@ -16,7 +16,7 @@ var text = `
   it can be found as a welcome guest in many households across the world.
 `;
 
-React.render(
+ReactDOM.render(
   <Collapse accordion={true}>
     <Panel header={`This is panel header 1`} key="1">
       <p>{text}</p>
diff --git a/components/collapse/demo/basic.md b/components/collapse/demo/basic.md
index efb663082..260ce7e20 100644
--- a/components/collapse/demo/basic.md
+++ b/components/collapse/demo/basic.md
@@ -20,7 +20,7 @@ var text = `
   it can be found as a welcome guest in many households across the world.
 `;
 
-React.render(
+ReactDOM.render(
   <Collapse defaultActiveKey={["1"]} onChange={callback}>
     <Panel header={`This is panel header 1`} key="1">
       <p>{text}</p>
diff --git a/components/collapse/demo/mix.md b/components/collapse/demo/mix.md
index f51568dfc..65ff1d6e9 100644
--- a/components/collapse/demo/mix.md
+++ b/components/collapse/demo/mix.md
@@ -20,7 +20,7 @@ var text = `
   it can be found as a welcome guest in many households across the world.
 `;
 
-React.render(
+ReactDOM.render(
   <Collapse onChange={callback} accordion={true}>
     <Panel header={`This is panel header 1`} key="1">
       <Collapse defaultActiveKey="1">
diff --git a/components/datepicker/demo/basic.md b/components/datepicker/demo/basic.md
index b2d724cc6..9686bcb86 100644
--- a/components/datepicker/demo/basic.md
+++ b/components/datepicker/demo/basic.md
@@ -10,7 +10,7 @@
 // or require('antd/lib/datepicker');
 var Datepicker = antd.Datepicker;
 
-React.render(
+ReactDOM.render(
   <Datepicker defaultValue="2012-12-12" />
 , document.getElementById('components-datepicker-demo-basic'));
 ````
diff --git a/components/datepicker/demo/disabled.md b/components/datepicker/demo/disabled.md
index 5302ab534..4283239fd 100644
--- a/components/datepicker/demo/disabled.md
+++ b/components/datepicker/demo/disabled.md
@@ -9,7 +9,7 @@
 ````jsx
 var Datepicker = antd.Datepicker;
 
-React.render(
+ReactDOM.render(
   <Datepicker value="2015-06-06" disabled={true} />
 , document.getElementById('components-datepicker-demo-disabled'));
 ````
diff --git a/components/datepicker/demo/formatter.md b/components/datepicker/demo/formatter.md
index 5308229f5..f8882650b 100644
--- a/components/datepicker/demo/formatter.md
+++ b/components/datepicker/demo/formatter.md
@@ -9,7 +9,7 @@
 ````jsx
 var Datepicker = antd.Datepicker;
 
-React.render(
+ReactDOM.render(
   <Datepicker value="2015/01/01" format="yyyy/MM/dd" />
 , document.getElementById('components-datepicker-demo-formatter'));
 ````
diff --git a/components/datepicker/demo/range.md b/components/datepicker/demo/range.md
index d40f053d8..be0941ea2 100644
--- a/components/datepicker/demo/range.md
+++ b/components/datepicker/demo/range.md
@@ -15,7 +15,7 @@ var disabledDate = function(current, value) {
   return current.getTime() > Date.now();
 };
 
-React.render(
+ReactDOM.render(
   <Datepicker disabledDate={disabledDate} />
 , document.getElementById('components-datepicker-demo-range'));
 ````
diff --git a/components/datepicker/demo/select.md b/components/datepicker/demo/select.md
index 5c180b2e8..12f8b06eb 100644
--- a/components/datepicker/demo/select.md
+++ b/components/datepicker/demo/select.md
@@ -18,7 +18,7 @@ var Picker = React.createClass({
   }
 });
 
-React.render(
+ReactDOM.render(
   <Picker />
 , document.getElementById('components-datepicker-demo-select'));
 ````
diff --git a/components/datepicker/demo/size.md b/components/datepicker/demo/size.md
index d4c9cd09a..3349de3b5 100644
--- a/components/datepicker/demo/size.md
+++ b/components/datepicker/demo/size.md
@@ -9,7 +9,7 @@
 ````jsx
 var Datepicker = antd.Datepicker;
 
-React.render(
+ReactDOM.render(
   <div>
     <Datepicker size="large" />
     <Datepicker />
diff --git a/components/datepicker/demo/time.md b/components/datepicker/demo/time.md
index 751f85a74..f35c9cb70 100644
--- a/components/datepicker/demo/time.md
+++ b/components/datepicker/demo/time.md
@@ -9,7 +9,7 @@
 ````jsx
 var Datepicker = antd.Datepicker;
 
-React.render(
+ReactDOM.render(
   <Datepicker showTime={true} format="yyyy-MM-dd HH:mm:ss" />
 , document.getElementById('components-datepicker-demo-time'));
 ````
diff --git a/components/datepicker/index.jsx b/components/datepicker/index.jsx
index 47425152e..b4795498b 100644
--- a/components/datepicker/index.jsx
+++ b/components/datepicker/index.jsx
@@ -1,5 +1,7 @@
 import React from 'react';
-import Calendar, {MonthCalendar, Picker as Datepicker} from 'rc-calendar';
+import Calendar from 'rc-calendar';
+import MonthCalendar from 'rc-calendar/lib/MonthCalendar';
+import Datepicker from 'rc-calendar/lib/Picker';
 import GregorianCalendar from 'gregorian-calendar';
 import zhCn from 'gregorian-calendar/lib/locale/zh-cn';
 import CalendarLocale from 'rc-calendar/lib/locale/zh-cn';
@@ -10,11 +12,6 @@ import Locale from 'gregorian-calendar-format/lib/locale/zh-cn';
 Locale.shortMonths = ['1月', '2月', '3月', '4月', '5月', '6月',
   '7月', '8月', '9月', '10月', '11月', '12月'];
 
-// 以下两行代码
-// 给没有初始值的日期选择框提供本地化信息
-let defaultCalendarValue = new GregorianCalendar(zhCn);
-defaultCalendarValue.setTime(Date.now());
-
 function createPicker(TheCalendar) {
   return React.createClass({
     getInitialState() {
@@ -39,13 +36,23 @@ function createPicker(TheCalendar) {
         });
       }
     },
+    getFormatter() {
+      let formats = this.formats = this.formats || {};
+      const format = this.props.format;
+      if (formats[format]) {
+        return formats[format];
+      }
+      formats[format] = new DateTimeFormat(format);
+      return formats[format];
+    },
     getDefaultProps() {
       return {
         format: 'yyyy-MM-dd',
         placeholder: '请选择日期',
         transitionName: 'slide-up',
         onSelect: null, //向前兼容
-        onChange() {}  //onChange可用于Validator
+        onChange() {
+        }  //onChange可用于Validator
       };
     },
     handleChange(v) {
@@ -64,12 +71,10 @@ function createPicker(TheCalendar) {
         <TheCalendar
           disabledDate={this.props.disabledDate}
           locale={CalendarLocale}
-          orient={['top', 'left']}
-          defaultValue={defaultCalendarValue}
           showTime={this.props.showTime}
           prefixCls="ant-calendar"
           showOk={this.props.showTime}
-          showClear={false} />
+          showClear={false}/>
       );
       let sizeClass = '';
       if (this.props.size === 'large') {
@@ -86,18 +91,22 @@ function createPicker(TheCalendar) {
         <Datepicker
           transitionName={this.props.transitionName}
           disabled={this.props.disabled}
-          trigger={<span className="ant-calendar-picker-icon" />}
           calendar={calendar}
-          adjustOrientOnCalendarOverflow={{x: true, y: false}}
-          formatter={new DateTimeFormat(this.props.format)}
           value={this.state.value}
           defaultValue={defaultValue}
           prefixCls="ant-calendar-picker"
           style={this.props.style}
           onChange={this.handleChange}>
-          <input
-            placeholder={this.props.placeholder}
-            className={'ant-calendar-picker-input ant-input' + sizeClass}/>
+          {
+            ({value}) => {
+              return ([<input
+                disabled={this.props.disabled}
+                value={value && this.getFormatter().format(value)}
+                placeholder={this.props.placeholder}
+                className={'ant-calendar-picker-input ant-input' + sizeClass}/>,
+                <span className="ant-calendar-picker-icon"/>]);
+            }
+          }
         </Datepicker>
       );
     }
diff --git a/components/dropdown/demo/basic.md b/components/dropdown/demo/basic.md
index 86017b4ec..b80572386 100644
--- a/components/dropdown/demo/basic.md
+++ b/components/dropdown/demo/basic.md
@@ -24,7 +24,7 @@ var menu = <Menu>
   </Menu.Item>
 </Menu>;
 
-React.render(
+ReactDOM.render(
   <Dropdown overlay={menu}>
     <Button>
       某按钮 <Icon type="down" />
diff --git a/components/dropdown/demo/event.md b/components/dropdown/demo/event.md
index 7303d60ac..83a3d67e4 100644
--- a/components/dropdown/demo/event.md
+++ b/components/dropdown/demo/event.md
@@ -21,7 +21,7 @@ var menu = <Menu onSelect={onSelect}>
   <Menu.Item key="3">第三个菜单项</Menu.Item>
 </Menu>;
 
-React.render(
+ReactDOM.render(
   <Dropdown overlay={menu}>
     <Button>
       鼠标移入，点击菜单 <Icon type="down" />
diff --git a/components/dropdown/demo/item.md b/components/dropdown/demo/item.md
index 172aec5c5..34dd1a8d2 100644
--- a/components/dropdown/demo/item.md
+++ b/components/dropdown/demo/item.md
@@ -23,7 +23,7 @@ var menu = <Menu>
   <Menu.Item key="3" disabled>第三个菜单项（不可用）</Menu.Item>
 </Menu>;
 
-React.render(
+ReactDOM.render(
   <Dropdown overlay={menu}>
     <Button>
       鼠标移入 <Icon type="down" />
diff --git a/components/dropdown/demo/trigger.md b/components/dropdown/demo/trigger.md
index 0999b2d7b..91d85965e 100644
--- a/components/dropdown/demo/trigger.md
+++ b/components/dropdown/demo/trigger.md
@@ -23,7 +23,7 @@ var menu = <Menu>
   <Menu.Item key="3">第三个菜单项</Menu.Item>
 </Menu>;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Dropdown overlay={menu} trigger="click">
     <Button type="primary">
       点击触发 <Icon type="down" />
diff --git a/components/enter-animation/demo/basic.md b/components/enter-animation/demo/basic.md
index a93578937..5186ad5be 100644
--- a/components/enter-animation/demo/basic.md
+++ b/components/enter-animation/demo/basic.md
@@ -54,7 +54,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-basic'));
 ````
 
diff --git a/components/enter-animation/demo/enter-data.md b/components/enter-animation/demo/enter-data.md
index 5f04de4d8..1472602a0 100644
--- a/components/enter-animation/demo/enter-data.md
+++ b/components/enter-animation/demo/enter-data.md
@@ -64,7 +64,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-enter-data'));
 ````
 
diff --git a/components/enter-animation/demo/enter-leave.md b/components/enter-animation/demo/enter-leave.md
index fd91b6932..56121e53e 100644
--- a/components/enter-animation/demo/enter-leave.md
+++ b/components/enter-animation/demo/enter-leave.md
@@ -44,7 +44,7 @@ var Test = React.createClass({
           <Button type="primary" onClick={this.onClick}>切换</Button>
         </div>
         <EnterAnimation enter={this.state.enter} leave={this.state.leave}>
-          {this.state.show ? 
+          {this.state.show ?
             <div className="demo-content" key='demo'>
               <div className="demo-kp">
                 <ul>
@@ -70,7 +70,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-enter-leave'));
 ````
 
diff --git a/components/enter-animation/demo/form.md b/components/enter-animation/demo/form.md
index abde1f6c4..e033d1faf 100644
--- a/components/enter-animation/demo/form.md
+++ b/components/enter-animation/demo/form.md
@@ -96,7 +96,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-form'));
 ````
 
diff --git a/components/enter-animation/demo/page.md b/components/enter-animation/demo/page.md
index 3e0e56365..2cfcd03c8 100644
--- a/components/enter-animation/demo/page.md
+++ b/components/enter-animation/demo/page.md
@@ -83,7 +83,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-page'));
 ````
 
diff --git a/components/enter-animation/demo/router.md b/components/enter-animation/demo/router.md
index 2d5426954..d62751ebc 100644
--- a/components/enter-animation/demo/router.md
+++ b/components/enter-animation/demo/router.md
@@ -73,7 +73,7 @@ var Page2 = React.createClass({
     );
   }
 });
-React.render((
+ReactDOM.render((
   <Router>
     <Route path="/" component={App} ignoreScrollBehavior>
       <Route path="page1" component={Page1} />
diff --git a/components/enter-animation/demo/simple.md b/components/enter-animation/demo/simple.md
index d96522f9d..43a150787 100644
--- a/components/enter-animation/demo/simple.md
+++ b/components/enter-animation/demo/simple.md
@@ -9,7 +9,7 @@
 ````jsx
 var EnterAnimation = antd.EnterAnimation;
 
-React.render(
+ReactDOM.render(
   <EnterAnimation>
     <ul key="key">
       <li>依次进场</li>
diff --git a/components/enter-animation/demo/style.md b/components/enter-animation/demo/style.md
index a2147a6b0..20382c508 100644
--- a/components/enter-animation/demo/style.md
+++ b/components/enter-animation/demo/style.md
@@ -66,7 +66,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-style'));
 ````
 
diff --git a/components/form/demo/form-controls.md b/components/form/demo/form-controls.md
index 1bd847d6e..319f4b719 100644
--- a/components/form/demo/form-controls.md
+++ b/components/form/demo/form-controls.md
@@ -19,7 +19,7 @@ function handleSelectChange(value) {
   console.log('selected ' + value);
 }
 
-React.render(
+ReactDOM.render(
 <form className="ant-form-horizontal">
   <div className="ant-form-item">
     <label htmlFor="control-input" className="col-6">输入框：</label>
diff --git a/components/form/demo/horizontal-form.md b/components/form/demo/horizontal-form.md
index c954917d7..a7c787489 100644
--- a/components/form/demo/horizontal-form.md
+++ b/components/form/demo/horizontal-form.md
@@ -18,7 +18,7 @@ var Radio = antd.Radio;
 var RadioGroup = antd.Radio.Group;
 var Button = antd.Button;
 
-React.render(
+ReactDOM.render(
 <form className="ant-form-horizontal">
   <div className="ant-form-item ant-form-item-compact">
     <label htmlFor="userName" className="col-6" required>用户名：</label>
diff --git a/components/form/demo/inline-form.md b/components/form/demo/inline-form.md
index a6d741679..2f8eb4785 100644
--- a/components/form/demo/inline-form.md
+++ b/components/form/demo/inline-form.md
@@ -10,7 +10,7 @@
 var Checkbox = antd.Checkbox;
 var Button = antd.Button;
 
-React.render(
+ReactDOM.render(
 <form className="ant-form-inline">
   <div className="ant-form-item">
     <label htmlFor="userName">账户：</label>
diff --git a/components/form/demo/inputs.md b/components/form/demo/inputs.md
index 8573bf56e..60cba1a10 100644
--- a/components/form/demo/inputs.md
+++ b/components/form/demo/inputs.md
@@ -10,7 +10,7 @@
 var Select = antd.Select;
 var Option = Select.Option;
 
-React.render(
+ReactDOM.render(
 <form className="ant-form-horizontal">
   <div className="ant-form-item">
     <label className="col-6" htmlFor="site1">标签输入框：</label>
diff --git a/components/form/demo/mix.md b/components/form/demo/mix.md
index a42e293be..ab79155da 100644
--- a/components/form/demo/mix.md
+++ b/components/form/demo/mix.md
@@ -37,7 +37,7 @@ function onInputNumberChange(v){
   console.log('changed',v);
 }
 
-React.render(
+ReactDOM.render(
 <form className="ant-form-horizontal">
   <div className="ant-form-item">
     <label className="col-8" required>InputNumber 数字输入框：</label>
diff --git a/components/input-number/demo/basic.md b/components/input-number/demo/basic.md
index cf19aefec..c31877ede 100644
--- a/components/input-number/demo/basic.md
+++ b/components/input-number/demo/basic.md
@@ -13,7 +13,7 @@ function onChange(value) {
   console.log('changed', value);
 }
 
-React.render(
+ReactDOM.render(
 <InputNumber min={1} max={10} defaultValue={3} onChange={onChange} />
 , document.getElementById('components-input-number-demo-basic'));
 ````
diff --git a/components/input-number/demo/disabled.md b/components/input-number/demo/disabled.md
index f0555f146..e1ec66640 100644
--- a/components/input-number/demo/disabled.md
+++ b/components/input-number/demo/disabled.md
@@ -31,5 +31,5 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />, document.getElementById('components-input-number-demo-disabled'));
+ReactDOM.render(<Test />, document.getElementById('components-input-number-demo-disabled'));
 ````
diff --git a/components/input-number/demo/size.md b/components/input-number/demo/size.md
index 6ff334655..e0833fa1b 100644
--- a/components/input-number/demo/size.md
+++ b/components/input-number/demo/size.md
@@ -13,7 +13,7 @@ function onChange(value) {
   console.log('changed', value);
 }
 
-React.render(
+ReactDOM.render(
 <div>
   <InputNumber size="large" min={1} max={100000} defaultValue={3} onChange={onChange} />
   <InputNumber min={1} max={100000} defaultValue={3} onChange={onChange} />
@@ -26,4 +26,4 @@ React.render(
 .ant-input-number{
   margin-right: 10px;
 }
-````
\ No newline at end of file
+````
diff --git a/components/menu/demo/horizontal.md b/components/menu/demo/horizontal.md
index cafa583d3..d0ac2bbd6 100644
--- a/components/menu/demo/horizontal.md
+++ b/components/menu/demo/horizontal.md
@@ -44,5 +44,5 @@ var App = React.createClass({
   }
 });
 
-React.render(<App />, document.getElementById('components-menu-demo-horizontal'));
+ReactDOM.render(<App />, document.getElementById('components-menu-demo-horizontal'));
 ````
diff --git a/components/menu/demo/sider-current.md b/components/menu/demo/sider-current.md
index 9f9a220ad..43ab806d2 100644
--- a/components/menu/demo/sider-current.md
+++ b/components/menu/demo/sider-current.md
@@ -61,5 +61,5 @@ var Sider = React.createClass({
     </Menu>;
   }
 });
-React.render(<Sider />, document.getElementById('components-menu-demo-sider-current'));
+ReactDOM.render(<Sider />, document.getElementById('components-menu-demo-sider-current'));
 ````
diff --git a/components/menu/demo/sider.md b/components/menu/demo/sider.md
index 4f005691c..46304c2fd 100644
--- a/components/menu/demo/sider.md
+++ b/components/menu/demo/sider.md
@@ -52,5 +52,5 @@ var Sider = React.createClass({
     </Menu>;
   }
 });
-React.render(<Sider />, document.getElementById('components-menu-demo-sider'));
+ReactDOM.render(<Sider />, document.getElementById('components-menu-demo-sider'));
 ````
diff --git a/components/menu/demo/vertical.md b/components/menu/demo/vertical.md
index 7289fb021..ad10b01f9 100644
--- a/components/menu/demo/vertical.md
+++ b/components/menu/demo/vertical.md
@@ -16,7 +16,7 @@ function handleClick(e) {
   console.log('click', e);
 }
 
-React.render(<Menu onClick={handleClick} style={{width:240}} mode="vertical">
+ReactDOM.render(<Menu onClick={handleClick} style={{width:240}} mode="vertical">
   <SubMenu key="sub1" title={<span><Icon type="mail" /><span>导航一</span></span>}>
     <MenuItem key="1">选项1</MenuItem>
     <MenuItem key="2">选项2</MenuItem>
diff --git a/components/message/demo/duration.md b/components/message/demo/duration.md
index 6a7b1e733..f7f0c94c9 100644
--- a/components/message/demo/duration.md
+++ b/components/message/demo/duration.md
@@ -14,7 +14,7 @@ var success = function() {
   message.success('这是一条成功的提示,并将于10秒后消失', 10);
 };
 
-React.render(<Button type="primary" onClick={success}>自定义时长提示</Button>
+ReactDOM.render(<Button type="primary" onClick={success}>自定义时长提示</Button>
 , document.getElementById('components-message-demo-duration'));
 ````
 
diff --git a/components/message/demo/error.md b/components/message/demo/error.md
index d1afedb40..d94d3f606 100644
--- a/components/message/demo/error.md
+++ b/components/message/demo/error.md
@@ -14,6 +14,6 @@ var error = function() {
   message.error('这是一条失败的提示这是一条失败的提示这是一条失败的提示');
 };
 
-React.render(<Button type="primary" onClick={error}>显示失败提示</Button>
+ReactDOM.render(<Button type="primary" onClick={error}>显示失败提示</Button>
 , document.getElementById('components-message-demo-error'));
 ````
diff --git a/components/message/demo/info.md b/components/message/demo/info.md
index a26d1061d..559ca2a49 100644
--- a/components/message/demo/info.md
+++ b/components/message/demo/info.md
@@ -14,6 +14,6 @@ var info = function() {
   message.info('这是一条普通的提醒');
 };
 
-React.render(<Button type="primary" onClick={info}>显示普通提醒</Button>
+ReactDOM.render(<Button type="primary" onClick={info}>显示普通提醒</Button>
 , document.getElementById('components-message-demo-info'));
 ````
diff --git a/components/message/demo/loading.md b/components/message/demo/loading.md
index a5deb714f..1e918e9a9 100644
--- a/components/message/demo/loading.md
+++ b/components/message/demo/loading.md
@@ -16,6 +16,6 @@ var success = function() {
   setTimeout(hide, 2500);
 };
 
-React.render(<Button onClick={success}>显示加载中...</Button>
+ReactDOM.render(<Button onClick={success}>显示加载中...</Button>
 , document.getElementById('components-message-demo-loading'));
 ````
diff --git a/components/message/demo/success.md b/components/message/demo/success.md
index 6d8c3b730..08209bfdc 100644
--- a/components/message/demo/success.md
+++ b/components/message/demo/success.md
@@ -14,7 +14,7 @@ var success = function() {
   message.success('这是一条成功的提示');
 };
 
-React.render(<Button type="primary" onClick={success}>显示成功提示</Button>
+ReactDOM.render(<Button type="primary" onClick={success}>显示成功提示</Button>
 , document.getElementById('components-message-demo-success'));
 ````
 
diff --git a/components/modal/confirm.jsx b/components/modal/confirm.jsx
index e3f14c4f5..7e525976b 100644
--- a/components/modal/confirm.jsx
+++ b/components/modal/confirm.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import ReactDOM from 'react-dom';
 import Dialog from './index';
 import Icon from '../iconfont';
 import {Button} from '../button';
@@ -23,7 +24,7 @@ export default function (props) {
     d.setState({
       visible: false
     });
-    React.unmountComponentAtNode(div);
+    ReactDOM.unmountComponentAtNode(div);
   }
 
   function onCancel() {
@@ -87,7 +88,7 @@ export default function (props) {
     </div>;
   }
 
-  React.render(<Dialog
+  ReactDOM.render(<Dialog
     prefixCls="ant-modal"
     className="ant-confirm"
     visible={true}
diff --git a/components/modal/demo/basic.md b/components/modal/demo/basic.md
index 7fa59a1d1..ffe81b9a6 100644
--- a/components/modal/demo/basic.md
+++ b/components/modal/demo/basic.md
@@ -44,5 +44,5 @@ var App = React.createClass({
   }
 });
 
-React.render(<App /> , document.getElementById('components-modal-demo-basic'));
+ReactDOM.render(<App /> , document.getElementById('components-modal-demo-basic'));
 ````
diff --git a/components/modal/demo/confirm-promise.md b/components/modal/demo/confirm-promise.md
index 8accc69d4..3d5291632 100644
--- a/components/modal/demo/confirm-promise.md
+++ b/components/modal/demo/confirm-promise.md
@@ -24,7 +24,7 @@ function showConfirm(){
   });
 }
 
-React.render(
+ReactDOM.render(
 <Button onClick={showConfirm}>
   确认对话框
 </Button>, document.getElementById('components-modal-demo-confirm-promise'));
diff --git a/components/modal/demo/confirm.md b/components/modal/demo/confirm.md
index 1713b8a4d..87b6729f8 100644
--- a/components/modal/demo/confirm.md
+++ b/components/modal/demo/confirm.md
@@ -21,7 +21,7 @@ function showConfirm(){
   });
 }
 
-React.render(
+ReactDOM.render(
 <Button onClick={showConfirm}>
   确认对话框
 </Button>, document.getElementById('components-modal-demo-confirm'));
diff --git a/components/modal/demo/custom.md b/components/modal/demo/custom.md
index 1ac135e52..d5bd2993a 100644
--- a/components/modal/demo/custom.md
+++ b/components/modal/demo/custom.md
@@ -53,5 +53,5 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test/> , document.getElementById('components-modal-demo-custom'));
+ReactDOM.render(<Test/> , document.getElementById('components-modal-demo-custom'));
 ````
diff --git a/components/modal/demo/footer.md b/components/modal/demo/footer.md
index b561bd2ee..f2b70ef55 100644
--- a/components/modal/demo/footer.md
+++ b/components/modal/demo/footer.md
@@ -55,5 +55,5 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test/> , document.getElementById('components-modal-demo-footer'));
+ReactDOM.render(<Test/> , document.getElementById('components-modal-demo-footer'));
 ````
diff --git a/components/modal/demo/info.md b/components/modal/demo/info.md
index e0b5e70d8..8206611a0 100644
--- a/components/modal/demo/info.md
+++ b/components/modal/demo/info.md
@@ -32,7 +32,7 @@ function error() {
   });
 }
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button onClick={info}>信息提示</Button>
   <Button onClick={success}>成功提示</Button>
   <Button onClick={error}>失败提示</Button>
diff --git a/components/notification/demo/basic.md b/components/notification/demo/basic.md
index 5c34d4e4b..cda4540f9 100644
--- a/components/notification/demo/basic.md
+++ b/components/notification/demo/basic.md
@@ -17,7 +17,7 @@ var openNotification = function() {
   });
 };
 
-React.render(
+ReactDOM.render(
   <div>
     <Button type="primary" onClick={openNotification}>打开通知提醒框</Button>
   </div>,
diff --git a/components/notification/demo/duration.md b/components/notification/demo/duration.md
index 150fc769e..a4c80b2a4 100644
--- a/components/notification/demo/duration.md
+++ b/components/notification/demo/duration.md
@@ -19,7 +19,7 @@ var openNotification = function() {
   notification.open(args);
 };
 
-React.render(
+ReactDOM.render(
   <Button type="primary" onClick={openNotification}>打开通知提醒框</Button>
 , document.getElementById('components-notification-demo-duration'));
 ````
diff --git a/components/notification/demo/onclose.md b/components/notification/demo/onclose.md
index ba896c677..99aa6ca1c 100644
--- a/components/notification/demo/onclose.md
+++ b/components/notification/demo/onclose.md
@@ -23,7 +23,7 @@ var openNotification = function() {
   notification.open(args);
 };
 
-React.render(
+ReactDOM.render(
   <div>
     <Button type="primary" onClick={openNotification}>打开通知提醒框</Button>
   </div>,
diff --git a/components/notification/demo/with-btn.md b/components/notification/demo/with-btn.md
index a1622f6e3..307dbcf34 100644
--- a/components/notification/demo/with-btn.md
+++ b/components/notification/demo/with-btn.md
@@ -32,7 +32,7 @@ var openNotification = function() {
   });
 };
 
-React.render(
+ReactDOM.render(
   <div>
     <Button type="primary" onClick={openNotification}>打开通知提醒框</Button>
   </div>,
diff --git a/components/notification/demo/with-icon.md b/components/notification/demo/with-icon.md
index 137833177..1514a5cdc 100644
--- a/components/notification/demo/with-icon.md
+++ b/components/notification/demo/with-icon.md
@@ -19,7 +19,7 @@ var openNotificationWithIcon = function(type) {
   };
 };
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button onClick={openNotificationWithIcon('success')}>成功</Button>
   <Button onClick={openNotificationWithIcon('info')}>消息</Button>
   <Button onClick={openNotificationWithIcon('warn')}>警告</Button>
diff --git a/components/pagination/demo/basic.md b/components/pagination/demo/basic.md
index 665ed4721..1022b4124 100644
--- a/components/pagination/demo/basic.md
+++ b/components/pagination/demo/basic.md
@@ -13,7 +13,7 @@ function onChange(page) {
   console.log(page);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination onChange={onChange} total={50} />,
  document.getElementById('components-pagination-demo-basic'));
 ````
diff --git a/components/pagination/demo/changer.md b/components/pagination/demo/changer.md
index 41ac883ae..2b5da3252 100644
--- a/components/pagination/demo/changer.md
+++ b/components/pagination/demo/changer.md
@@ -17,7 +17,7 @@ function onShowSizeChange(current, pageSize) {
   console.log(current, pageSize);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination showSizeChanger={true} onShowSizeChange={onShowSizeChange} onChange={onChange} total={500} />,
  document.getElementById('components-pagination-demo-changer'));
 ````
diff --git a/components/pagination/demo/jump.md b/components/pagination/demo/jump.md
index 86b30d4ed..af3f5c02a 100644
--- a/components/pagination/demo/jump.md
+++ b/components/pagination/demo/jump.md
@@ -13,7 +13,7 @@ function onChange(page) {
   console.log(page);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination showQuickJumper={true} onChange={onChange} total={500} />,
  document.getElementById('components-pagination-demo-jump'));
 ````
diff --git a/components/pagination/demo/mini.md b/components/pagination/demo/mini.md
index 7b8614791..ebabf3351 100644
--- a/components/pagination/demo/mini.md
+++ b/components/pagination/demo/mini.md
@@ -13,7 +13,7 @@ function onChange(page) {
   console.log(page);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination className="mini" onChange={onChange} total={50} />,
  document.getElementById('components-pagination-demo-mini'));
 ````
diff --git a/components/pagination/demo/more.md b/components/pagination/demo/more.md
index 8f97a7510..5ed1c94f6 100644
--- a/components/pagination/demo/more.md
+++ b/components/pagination/demo/more.md
@@ -13,7 +13,7 @@ function onChange(page) {
   console.log(page);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination onChange={onChange} total={500} />,
  document.getElementById('components-pagination-demo-more'));
 ````
diff --git a/components/pagination/demo/simple.md b/components/pagination/demo/simple.md
index f00d1a4db..cf90c2b5b 100644
--- a/components/pagination/demo/simple.md
+++ b/components/pagination/demo/simple.md
@@ -13,7 +13,7 @@ function onChange(page) {
   console.log(page);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination simple onChange={onChange} total={50} />,
 document.getElementById('components-pagination-demo-simple'));
 ````
diff --git a/components/popconfirm/demo/basic.md b/components/popconfirm/demo/basic.md
index b448d76f3..fa33c39be 100644
--- a/components/popconfirm/demo/basic.md
+++ b/components/popconfirm/demo/basic.md
@@ -18,7 +18,7 @@ function cancel() {
   message.error('点击了取消');
 }
 
-React.render(
+ReactDOM.render(
   <Popconfirm title="确定要删除这个任务吗？" onConfirm={confirm} onCancel={cancel}>
     <a href="javascript:;">删除</a>
   </Popconfirm>
diff --git a/components/popconfirm/demo/placement.md b/components/popconfirm/demo/placement.md
index 2f77a61dd..800498f23 100644
--- a/components/popconfirm/demo/placement.md
+++ b/components/popconfirm/demo/placement.md
@@ -15,7 +15,7 @@ function confirm() {
   message.info('点击了确定');
 }
 
-React.render(<div>
+ReactDOM.render(<div>
   <Popconfirm placement="left" title={text} onConfirm={confirm}>
     <a href="javascript:;">左边</a>
   </Popconfirm>
diff --git a/components/popover/demo/basic.md b/components/popover/demo/basic.md
index 6a79e7297..dcc3c57f6 100644
--- a/components/popover/demo/basic.md
+++ b/components/popover/demo/basic.md
@@ -15,7 +15,7 @@ var content = <div>
   <p>内容</p>
 </div>;
 
-React.render(
+ReactDOM.render(
   <Popover overlay={content} title="标题">
     <Button type="primary">弹出卡片</Button>
   </Popover>
diff --git a/components/popover/demo/placement.md b/components/popover/demo/placement.md
index ce1aa760a..dfe0cc626 100644
--- a/components/popover/demo/placement.md
+++ b/components/popover/demo/placement.md
@@ -16,7 +16,7 @@ var content = <div>
   <p>内容</p>
 </div>;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Popover placement="left" title={text} overlay={content}>
     <Button>左</Button>
   </Popover>
diff --git a/components/popover/demo/triggerType.md b/components/popover/demo/triggerType.md
index 5d5ed753e..4df26d095 100644
--- a/components/popover/demo/triggerType.md
+++ b/components/popover/demo/triggerType.md
@@ -15,7 +15,7 @@ var content = <div>
   <p>内容</p>
 </div>;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Popover overlay={content} title="标题" trigger="hover">
     <Button>移入</Button>
   </Popover>
diff --git a/components/progress/demo/circle-dynamic.md b/components/progress/demo/circle-dynamic.md
index 1ca37ca20..97af17eec 100644
--- a/components/progress/demo/circle-dynamic.md
+++ b/components/progress/demo/circle-dynamic.md
@@ -47,6 +47,6 @@ var MyProgress = React.createClass({
   }
 });
 
-React.render(<MyProgress />, document.getElementById('components-progress-demo-circle-dynamic'));
+ReactDOM.render(<MyProgress />, document.getElementById('components-progress-demo-circle-dynamic'));
 ````
 
diff --git a/components/progress/demo/circle-mini.md b/components/progress/demo/circle-mini.md
index 27ab627d9..2c5e95ad7 100644
--- a/components/progress/demo/circle-mini.md
+++ b/components/progress/demo/circle-mini.md
@@ -9,7 +9,7 @@
 ````jsx
 var ProgressCircle = antd.Progress.Circle;
 
-React.render(
+ReactDOM.render(
   <div>
     <ProgressCircle percent="30" width="80" />
     <ProgressCircle percent="70" width="80" status="exception" />
diff --git a/components/progress/demo/circle.md b/components/progress/demo/circle.md
index c9363ddf0..6d9e81ac6 100644
--- a/components/progress/demo/circle.md
+++ b/components/progress/demo/circle.md
@@ -9,7 +9,7 @@
 ````jsx
 var ProgressCircle = antd.Progress.Circle;
 
-React.render(
+ReactDOM.render(
   <div>
     <ProgressCircle percent="30" />
     <ProgressCircle percent="70" status="exception" />
diff --git a/components/progress/demo/dynamic.md b/components/progress/demo/dynamic.md
index 3281f5a61..61cf5fae3 100644
--- a/components/progress/demo/dynamic.md
+++ b/components/progress/demo/dynamic.md
@@ -47,6 +47,6 @@ var MyProgress = React.createClass({
   }
 });
 
-React.render(<MyProgress />, document.getElementById('components-progress-demo-dynamic'));
+ReactDOM.render(<MyProgress />, document.getElementById('components-progress-demo-dynamic'));
 ````
 
diff --git a/components/progress/demo/line-mini.md b/components/progress/demo/line-mini.md
index a326a9844..d4dde01dc 100644
--- a/components/progress/demo/line-mini.md
+++ b/components/progress/demo/line-mini.md
@@ -9,7 +9,7 @@
 ````jsx
 var Progress = antd.Progress.Line;
 
-React.render(
+ReactDOM.render(
   <div style={{ width: 170 }}>
     <Progress percent="30" strokeWidth="5" />
     <Progress percent="50" strokeWidth="5" status="active" />
diff --git a/components/progress/demo/line.md b/components/progress/demo/line.md
index ad51685c6..673893f92 100644
--- a/components/progress/demo/line.md
+++ b/components/progress/demo/line.md
@@ -9,7 +9,7 @@
 ````jsx
 var Progress = antd.Progress.Line;
 
-React.render(
+ReactDOM.render(
   <div>
     <Progress percent="30" />
     <Progress percent="50" status="active" />
diff --git a/components/radio/demo/basic.md b/components/radio/demo/basic.md
index 4c7035115..05fd303cb 100644
--- a/components/radio/demo/basic.md
+++ b/components/radio/demo/basic.md
@@ -9,6 +9,6 @@
 ````jsx
 var Radio = antd.Radio;
 
-React.render(<Radio>Radio</Radio>
+ReactDOM.render(<Radio>Radio</Radio>
 , document.getElementById('components-radio-demo-basic'));
 ````
diff --git a/components/radio/demo/disable.md b/components/radio/demo/disable.md
index c5b9eef83..5cbf33bc0 100644
--- a/components/radio/demo/disable.md
+++ b/components/radio/demo/disable.md
@@ -39,5 +39,5 @@ var App = React.createClass({
   }
 });
 
-React.render(<App />, document.getElementById('components-radio-demo-disable'));
+ReactDOM.render(<App />, document.getElementById('components-radio-demo-disable'));
 ````
diff --git a/components/radio/demo/radiobutton.md b/components/radio/demo/radiobutton.md
index 9b1842c3f..700ed8a68 100644
--- a/components/radio/demo/radiobutton.md
+++ b/components/radio/demo/radiobutton.md
@@ -14,7 +14,7 @@ function onChange(e) {
   console.log('radio checked:' + e.target.value);
 }
 
-React.render((
+ReactDOM.render((
   <RadioGroup onChange={onChange} defaultValue="a">
     <RadioButton value="a">杭州</RadioButton>
     <RadioButton value="b">上海</RadioButton>
diff --git a/components/radio/demo/radiogroup.md b/components/radio/demo/radiogroup.md
index feff9e2fe..793c208c2 100644
--- a/components/radio/demo/radiogroup.md
+++ b/components/radio/demo/radiogroup.md
@@ -34,5 +34,5 @@ var App = React.createClass({
     </div>;
   }
 });
-React.render(<App />, document.getElementById('components-radio-demo-radiogroup'));
+ReactDOM.render(<App />, document.getElementById('components-radio-demo-radiogroup'));
 ````
diff --git a/components/select/demo/basic.md b/components/select/demo/basic.md
index e91954d25..d55507ba2 100644
--- a/components/select/demo/basic.md
+++ b/components/select/demo/basic.md
@@ -14,7 +14,7 @@ function handleChange(value) {
   console.log('selected ' + value);
 }
 
-React.render(
+ReactDOM.render(
   <Select defaultValue="lucy" style={{width:200}} onChange={handleChange}>
     <Option value="jack">Jack</Option>
     <Option value="lucy">Lucy</Option>
diff --git a/components/select/demo/combobox.md b/components/select/demo/combobox.md
index 934d6373f..b3686bd47 100644
--- a/components/select/demo/combobox.md
+++ b/components/select/demo/combobox.md
@@ -43,6 +43,6 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />, document.getElementById('components-select-demo-combobox'));
+ReactDOM.render(<Test />, document.getElementById('components-select-demo-combobox'));
 ````
 
diff --git a/components/select/demo/coordinate.md b/components/select/demo/coordinate.md
index d2fad1e76..d0214c7b9 100644
--- a/components/select/demo/coordinate.md
+++ b/components/select/demo/coordinate.md
@@ -53,6 +53,6 @@ var App = React.createClass({
     </div>;
   }
 });
-React.render(<App />, document.getElementById('components-select-demo-coordinate'));
+ReactDOM.render(<App />, document.getElementById('components-select-demo-coordinate'));
 ````
 
diff --git a/components/select/demo/multiple.md b/components/select/demo/multiple.md
index fb9b05832..674f283eb 100644
--- a/components/select/demo/multiple.md
+++ b/components/select/demo/multiple.md
@@ -20,7 +20,7 @@ function handleChange(value) {
   console.log('selected ' + value);
 }
 
-React.render(
+ReactDOM.render(
   <Select multiple
   style={{width:400}}
   defaultValue={['a10', 'c12']} onChange={handleChange}>
diff --git a/components/select/demo/optgroup.md b/components/select/demo/optgroup.md
index aff602ecd..5c6a0d5d3 100644
--- a/components/select/demo/optgroup.md
+++ b/components/select/demo/optgroup.md
@@ -15,7 +15,7 @@ function handleChange(value) {
   console.log('selected ' + value);
 }
 
-React.render(
+ReactDOM.render(
   <Select defaultValue="lucy"
     style={{width:200}}
     showSearch={false}
diff --git a/components/select/demo/search.md b/components/select/demo/search.md
index c8deaac8d..1b4bdabaa 100644
--- a/components/select/demo/search.md
+++ b/components/select/demo/search.md
@@ -14,7 +14,7 @@ function handleChange(value) {
   console.log('selected ' + value);
 }
 
-React.render(
+ReactDOM.render(
   <Select defaultValue="lucy" showSearch={true} style={{width:200}}
   searchPlaceholder="输入"
   onChange={handleChange}>
diff --git a/components/select/demo/size.md b/components/select/demo/size.md
index 79e8da481..e66c589fe 100644
--- a/components/select/demo/size.md
+++ b/components/select/demo/size.md
@@ -14,7 +14,7 @@ function handleChange(value) {
   console.log('selected ' + value);
 }
 
-React.render(
+ReactDOM.render(
   <div>
   <Select size="large" defaultValue="lucy" style={{width:200}} onChange={handleChange}>
       <Option value="jack">Jack</Option>
diff --git a/components/select/demo/tags.md b/components/select/demo/tags.md
index d0b33ddb5..695d761de 100644
--- a/components/select/demo/tags.md
+++ b/components/select/demo/tags.md
@@ -20,7 +20,7 @@ function handleChange(value) {
   console.log('selected ' + value);
 }
 
-React.render(
+ReactDOM.render(
   <Select
    style={{width: '100%'}}
    searchPlaceholder="标签模式"
diff --git a/components/slider/demo/basic.md b/components/slider/demo/basic.md
index eb4049c69..5c7d59fb9 100644
--- a/components/slider/demo/basic.md
+++ b/components/slider/demo/basic.md
@@ -9,7 +9,7 @@
 ````jsx
 var Slider = antd.Slider;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Slider />
   <Slider defaultValue={65} disabled />
 </div>
diff --git a/components/slider/demo/icon-slider.md b/components/slider/demo/icon-slider.md
index b8af4d59e..3c677b964 100644
--- a/components/slider/demo/icon-slider.md
+++ b/components/slider/demo/icon-slider.md
@@ -47,7 +47,7 @@ var IconSlider = React.createClass({
   }
 });
 
-React.render(
+ReactDOM.render(
 <IconSlider min={0} max={20} value={0} icon={['lock', 'unlock']} />
 , document.getElementById('components-slider-demo-icon-slider'));
 ````
diff --git a/components/slider/demo/input-number.md b/components/slider/demo/input-number.md
index 329ad9154..78c30d88b 100644
--- a/components/slider/demo/input-number.md
+++ b/components/slider/demo/input-number.md
@@ -36,5 +36,5 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />, document.getElementById('components-slider-demo-input-number'));
+ReactDOM.render(<Test />, document.getElementById('components-slider-demo-input-number'));
 ````
diff --git a/components/slider/demo/mark.md b/components/slider/demo/mark.md
index 326517f26..81cedab00 100644
--- a/components/slider/demo/mark.md
+++ b/components/slider/demo/mark.md
@@ -9,7 +9,7 @@
 ````jsx
 var Slider = antd.Slider;
 
-React.render(
+ReactDOM.render(
 <div className="sliderContainer">
   <p>包含关系</p>
   <Slider marks={["状态1","状态2","状态3","状态4"]} defaultIndex={1} />
diff --git a/components/steps/demo/icon.md b/components/steps/demo/icon.md
index d424fba8b..01ad64483 100644
--- a/components/steps/demo/icon.md
+++ b/components/steps/demo/icon.md
@@ -11,7 +11,7 @@ var Steps = antd.Steps;
 var Step = Steps.Step;
 var container = document.getElementById('components-steps-demo-icon');
 
-React.render(<Steps>
+ReactDOM.render(<Steps>
   <Step status='finish' title='步骤1' icon='cloud' />
   <Step status='process' title='步骤2' icon='apple' />
   <Step status='wait' title='步骤3' icon='github' />
diff --git a/components/steps/demo/simple.md b/components/steps/demo/simple.md
index b7c0d6507..1b087b360 100644
--- a/components/steps/demo/simple.md
+++ b/components/steps/demo/simple.md
@@ -29,5 +29,5 @@ var steps = [{
   );
 });
 
-React.render(<Steps current={1}>{steps}</Steps>, container);
+ReactDOM.render(<Steps current={1}>{steps}</Steps>, container);
 ````
diff --git a/components/steps/demo/small-size.md b/components/steps/demo/small-size.md
index 81f13f78b..81c4a1d42 100644
--- a/components/steps/demo/small-size.md
+++ b/components/steps/demo/small-size.md
@@ -29,5 +29,5 @@ var steps = [{
   );
 });
 
-React.render(<Steps size="small" current={1}>{steps}</Steps>, container);
+ReactDOM.render(<Steps size="small" current={1}>{steps}</Steps>, container);
 ````
diff --git a/components/steps/demo/status.md b/components/steps/demo/status.md
index b31f57c6d..fed014403 100644
--- a/components/steps/demo/status.md
+++ b/components/steps/demo/status.md
@@ -33,5 +33,5 @@ var steps = [{
   );
 });
 
-React.render(<Steps>{steps}</Steps>, container);
+ReactDOM.render(<Steps>{steps}</Steps>, container);
 ````
diff --git a/components/steps/demo/step-next.md b/components/steps/demo/step-next.md
index da1e5d766..328c2b192 100644
--- a/components/steps/demo/step-next.md
+++ b/components/steps/demo/step-next.md
@@ -55,5 +55,5 @@ var App = React.createClass({
   }
 });
 
-React.render(<App />, container);
+ReactDOM.render(<App />, container);
 ````
diff --git a/components/steps/demo/vertical-small.md b/components/steps/demo/vertical-small.md
index d015de68a..0bc4baf73 100644
--- a/components/steps/demo/vertical-small.md
+++ b/components/steps/demo/vertical-small.md
@@ -26,5 +26,5 @@ var steps = [{
   );
 });
 
-React.render(<Steps size='small' direction='vertical' current={1}>{steps}</Steps>, container);
+ReactDOM.render(<Steps size='small' direction='vertical' current={1}>{steps}</Steps>, container);
 ````
diff --git a/components/steps/demo/vertical.md b/components/steps/demo/vertical.md
index eccc725c9..dec547e5f 100644
--- a/components/steps/demo/vertical.md
+++ b/components/steps/demo/vertical.md
@@ -29,5 +29,5 @@ var steps = [{
   );
 });
 
-React.render(<Steps direction='vertical' current={1}>{steps}</Steps>, container);
+ReactDOM.render(<Steps direction='vertical' current={1}>{steps}</Steps>, container);
 ````
diff --git a/components/switch/demo/basic.md b/components/switch/demo/basic.md
index eeda0e74f..2ff8533d8 100644
--- a/components/switch/demo/basic.md
+++ b/components/switch/demo/basic.md
@@ -14,5 +14,5 @@ function onChange(checked){
   console.log('switch to ' + checked);
 }
 
-React.render(<Switch defaultChecked={false} onChange={onChange} />, container);
+ReactDOM.render(<Switch defaultChecked={false} onChange={onChange} />, container);
 ````
diff --git a/components/switch/demo/disabled.md b/components/switch/demo/disabled.md
index 596f69ae7..f6bccb49d 100644
--- a/components/switch/demo/disabled.md
+++ b/components/switch/demo/disabled.md
@@ -32,5 +32,5 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />, container);
+ReactDOM.render(<Test />, container);
 ````
diff --git a/components/switch/demo/text.md b/components/switch/demo/text.md
index 4593dac81..82c3f731e 100644
--- a/components/switch/demo/text.md
+++ b/components/switch/demo/text.md
@@ -11,7 +11,7 @@ var Switch = antd.Switch;
 var Icon = antd.Icon;
 var container = document.getElementById('components-switch-demo-text');
 
-React.render(<div>
+ReactDOM.render(<div>
   <Switch checkedChildren="开" unCheckedChildren="关" />
   <span> </span>
   <Switch checkedChildren={<Icon type="check" />} unCheckedChildren={<Icon type="cross" />} />
diff --git a/components/table/demo/ajax-props.md b/components/table/demo/ajax-props.md
index 1944dbaf6..37eae1ceb 100644
--- a/components/table/demo/ajax-props.md
+++ b/components/table/demo/ajax-props.md
@@ -113,5 +113,5 @@ var Test = React.createClass({
 });
 
 
-React.render(<Test />, document.getElementById('components-table-demo-ajax-props'));
+ReactDOM.render(<Test />, document.getElementById('components-table-demo-ajax-props'));
 ````
diff --git a/components/table/demo/ajax.md b/components/table/demo/ajax.md
index c4c5cc4b3..111cb360d 100644
--- a/components/table/demo/ajax.md
+++ b/components/table/demo/ajax.md
@@ -97,5 +97,5 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />, document.getElementById('components-table-demo-ajax'));
+ReactDOM.render(<Test />, document.getElementById('components-table-demo-ajax'));
 ````
diff --git a/components/table/demo/basic.md b/components/table/demo/basic.md
index 61f85e920..af277ffb2 100644
--- a/components/table/demo/basic.md
+++ b/components/table/demo/basic.md
@@ -54,6 +54,6 @@ var data = [{
   address: '西湖区湖底公园1号'
 }];
 
-React.render(<Table columns={columns} dataSource={data} />
+ReactDOM.render(<Table columns={columns} dataSource={data} />
 , document.getElementById('components-table-demo-basic'));
 ````
diff --git a/components/table/demo/bordered.md b/components/table/demo/bordered.md
index 2eca39ae1..47daa6d2e 100644
--- a/components/table/demo/bordered.md
+++ b/components/table/demo/bordered.md
@@ -39,6 +39,6 @@ var data = [{
   address: '西湖区湖底公园1号'
 }];
 
-React.render(<Table columns={columns} dataSource={data} bordered={true} />
+ReactDOM.render(<Table columns={columns} dataSource={data} bordered={true} />
 , document.getElementById('components-table-demo-bordered'));
 ````
diff --git a/components/table/demo/expand.md b/components/table/demo/expand.md
index 85c46ef4f..da58f96d7 100644
--- a/components/table/demo/expand.md
+++ b/components/table/demo/expand.md
@@ -30,7 +30,7 @@ var data = [
   {name: '李大嘴', age: 32, address: '西湖区湖底公园3号', description: '我是李大嘴，今年32岁，住在西湖区湖底公园3号。'}
 ];
 
-React.render(
+ReactDOM.render(
 <Table columns={columns}
   expandedRowRender={expandedRowRender}
   dataSource={data}
diff --git a/components/table/demo/head.md b/components/table/demo/head.md
index b7421e4af..da3abc645 100644
--- a/components/table/demo/head.md
+++ b/components/table/demo/head.md
@@ -64,6 +64,6 @@ var data = [{
   address: '西湖区湖底公园123号'
 }];
 
-React.render(<Table columns={columns} dataSource={data} />
+ReactDOM.render(<Table columns={columns} dataSource={data} />
 , document.getElementById('components-table-demo-head'));
 ````
diff --git a/components/table/demo/local-data.md b/components/table/demo/local-data.md
index 125136552..5704b4fef 100644
--- a/components/table/demo/local-data.md
+++ b/components/table/demo/local-data.md
@@ -82,7 +82,7 @@ var App = React.createClass({
   }
 })
 
-React.render(<App />
+ReactDOM.render(<App />
 , document.getElementById('components-table-demo-local-data'));
 ````
 
diff --git a/components/table/demo/nopagination.md b/components/table/demo/nopagination.md
index dee5dc87f..f5c8fafb3 100644
--- a/components/table/demo/nopagination.md
+++ b/components/table/demo/nopagination.md
@@ -36,6 +36,6 @@ var data = [{
   address: '西湖区湖底公园1号'
 }];
 
-React.render(<Table columns={columns} dataSource={data} pagination={false} />
+ReactDOM.render(<Table columns={columns} dataSource={data} pagination={false} />
 , document.getElementById('components-table-demo-nopagination'));
 ````
diff --git a/components/table/demo/paging.md b/components/table/demo/paging.md
index 4a27cdfb5..f18dc3ad8 100644
--- a/components/table/demo/paging.md
+++ b/components/table/demo/paging.md
@@ -39,6 +39,6 @@ var pagination = {
   showSizeChanger: true
 };
 
-React.render(<Table columns={columns} dataSource={data} pagination={pagination} />
+ReactDOM.render(<Table columns={columns} dataSource={data} pagination={pagination} />
 , document.getElementById('components-table-demo-paging'));
 ````
diff --git a/components/table/demo/row-selection-props.md b/components/table/demo/row-selection-props.md
index 8f8b2699d..c5a52ba73 100644
--- a/components/table/demo/row-selection-props.md
+++ b/components/table/demo/row-selection-props.md
@@ -54,6 +54,6 @@ var rowSelection = {
   }
 };
 
-React.render(<Table rowSelection={rowSelection} columns={columns} dataSource={data} />
+ReactDOM.render(<Table rowSelection={rowSelection} columns={columns} dataSource={data} />
 , document.getElementById('components-table-demo-row-selection-props'));
 ````
diff --git a/components/table/demo/row-selection-radio-props.md b/components/table/demo/row-selection-radio-props.md
index 796ce910a..f24b6d226 100644
--- a/components/table/demo/row-selection-radio-props.md
+++ b/components/table/demo/row-selection-radio-props.md
@@ -55,6 +55,6 @@ var rowSelection = {
   }
 };
 
-React.render(<Table rowSelection={rowSelection} columns={columns} dataSource={data} />
+ReactDOM.render(<Table rowSelection={rowSelection} columns={columns} dataSource={data} />
 , document.getElementById('components-table-demo-row-selection-radio-props'));
 ````
diff --git a/components/table/demo/row-selection-radio.md b/components/table/demo/row-selection-radio.md
index a4da82056..659cffb9f 100644
--- a/components/table/demo/row-selection-radio.md
+++ b/components/table/demo/row-selection-radio.md
@@ -49,6 +49,6 @@ var rowSelection = {
   }
 };
 
-React.render(<Table rowSelection={rowSelection} columns={columns} dataSource={data} />
+ReactDOM.render(<Table rowSelection={rowSelection} columns={columns} dataSource={data} />
 , document.getElementById('components-table-demo-row-selection-radio'));
 ````
diff --git a/components/table/demo/row-selection.md b/components/table/demo/row-selection.md
index 0e964d400..41c6adca5 100644
--- a/components/table/demo/row-selection.md
+++ b/components/table/demo/row-selection.md
@@ -48,6 +48,6 @@ var rowSelection = {
   }
 };
 
-React.render(<Table rowSelection={rowSelection} columns={columns} dataSource={data} />
+ReactDOM.render(<Table rowSelection={rowSelection} columns={columns} dataSource={data} />
 , document.getElementById('components-table-demo-row-selection'));
 ````
diff --git a/components/table/demo/small.md b/components/table/demo/small.md
index d869c9f56..6e0f31057 100644
--- a/components/table/demo/small.md
+++ b/components/table/demo/small.md
@@ -35,6 +35,6 @@ var data = [{
   address: '西湖区湖底公园1号'
 }];
 
-React.render(<Table columns={columns} dataSource={data} size="small" />
+ReactDOM.render(<Table columns={columns} dataSource={data} size="small" />
 , document.getElementById('components-table-demo-small'));
 ````
diff --git a/components/tabs/demo/basic.md b/components/tabs/demo/basic.md
index d6c1d4014..330ba6e9c 100644
--- a/components/tabs/demo/basic.md
+++ b/components/tabs/demo/basic.md
@@ -14,7 +14,7 @@ function callback(key) {
   console.log(key);
 }
 
-React.render(
+ReactDOM.render(
   <Tabs defaultActiveKey="1" onChange={callback}>
     <TabPane tab="选项卡一" key="1">选项卡一内容</TabPane>
     <TabPane tab="选项卡二" key="2">选项卡二内容</TabPane>
diff --git a/components/tabs/demo/disabled.md b/components/tabs/demo/disabled.md
index 7b8ad2755..3b8c1524e 100644
--- a/components/tabs/demo/disabled.md
+++ b/components/tabs/demo/disabled.md
@@ -12,7 +12,7 @@ var TabPane = Tabs.TabPane;
 
 function callback(key) {}
 
-React.render(
+ReactDOM.render(
   <Tabs defaultActiveKey="1" onChange={callback}>
     <TabPane tab="选项卡一" key="1">选项卡一</TabPane>
     <TabPane tab="选项卡二" disabled={true} key="2">选项卡二</TabPane>
diff --git a/components/tabs/demo/icon.md b/components/tabs/demo/icon.md
index 756007c09..8efc60532 100644
--- a/components/tabs/demo/icon.md
+++ b/components/tabs/demo/icon.md
@@ -17,7 +17,7 @@ var tabContent = [
   <span><Icon type="lock" />选项卡三</span>,
 ];
 
-React.render(
+ReactDOM.render(
   <Tabs defaultActiveKey="2">
     <TabPane tab={tabContent[0]} key="1">选项卡一</TabPane>
     <TabPane tab={tabContent[1]} key="2">选项卡二</TabPane>
diff --git a/components/tabs/demo/size.md b/components/tabs/demo/size.md
index e33925116..081afdb1c 100644
--- a/components/tabs/demo/size.md
+++ b/components/tabs/demo/size.md
@@ -10,7 +10,7 @@
 var Tabs = antd.Tabs;
 var TabPane = Tabs.TabPane;
 
-React.render(
+ReactDOM.render(
   <Tabs defaultActiveKey="2" size="mini">
     <TabPane tab="选项卡一" key="1">选项卡一内容</TabPane>
     <TabPane tab="选项卡二" key="2">选项卡二内容</TabPane>
diff --git a/components/tabs/demo/slide.md b/components/tabs/demo/slide.md
index ce1cc9865..ca9de4439 100644
--- a/components/tabs/demo/slide.md
+++ b/components/tabs/demo/slide.md
@@ -12,7 +12,7 @@ var TabPane = Tabs.TabPane;
 
 function callback(key) {}
 
-React.render(
+ReactDOM.render(
   <Tabs defaultActiveKey="1" onChange={callback}>
     <TabPane tab="选项一" key="1">选项卡一</TabPane>
     <TabPane tab="选项二" key="2">选项卡二</TabPane>
diff --git a/components/tag/demo/basic.md b/components/tag/demo/basic.md
index a5ba2d374..3da5737f1 100644
--- a/components/tag/demo/basic.md
+++ b/components/tag/demo/basic.md
@@ -13,7 +13,7 @@ function onClose(e) {
   console.log(this.props.children);
 }
 
-React.render(<div>
+ReactDOM.render(<div>
   <Tag>标签一</Tag>
   <Tag>标签二</Tag>
   <Tag closable onClose={onClose}>标签三</Tag>
diff --git a/components/tag/demo/colorful.md b/components/tag/demo/colorful.md
index b387c25cb..e62ec4a0f 100644
--- a/components/tag/demo/colorful.md
+++ b/components/tag/demo/colorful.md
@@ -9,7 +9,7 @@
 ````jsx
 var Tag = antd.Tag;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Tag closable color="blue">蓝色</Tag>
   <Tag closable color="green">绿色</Tag>
   <Tag closable color="yellow">黄色</Tag>
diff --git a/components/timeline/demo/basic.md b/components/timeline/demo/basic.md
index b8f6b9ca8..37808357d 100644
--- a/components/timeline/demo/basic.md
+++ b/components/timeline/demo/basic.md
@@ -10,7 +10,7 @@
 let Timeline = antd.Timeline;
 let container = document.getElementById('components-timeline-demo-basic');
 
-React.render(
+ReactDOM.render(
 <Timeline>
   <Timeline.Item>创建服务现场 2015-09-01</Timeline.Item>
   <Timeline.Item>初步排除网络异常 2015-09-01</Timeline.Item>
diff --git a/components/timeline/demo/color.md b/components/timeline/demo/color.md
index f1d03356b..7e14f4803 100644
--- a/components/timeline/demo/color.md
+++ b/components/timeline/demo/color.md
@@ -10,7 +10,7 @@
 let Timeline = antd.Timeline;
 let container = document.getElementById('components-timeline-demo-color');
 
-React.render(
+ReactDOM.render(
 <Timeline>
   <Timeline.Item color="green">创建服务现场 2015-09-01</Timeline.Item>
   <Timeline.Item color="green">创建服务现场 2015-09-01</Timeline.Item>
diff --git a/components/timeline/demo/pending.md b/components/timeline/demo/pending.md
index 159358494..43cfde8d6 100644
--- a/components/timeline/demo/pending.md
+++ b/components/timeline/demo/pending.md
@@ -10,7 +10,7 @@
 let Timeline = antd.Timeline;
 let container = document.getElementById('components-timeline-demo-pending');
 
-React.render(
+ReactDOM.render(
 <Timeline pending={true}>
   <Timeline.Item>创建服务现场 2015-09-01</Timeline.Item>
   <Timeline.Item>初步排除网络异常 2015-09-01</Timeline.Item>
diff --git a/components/tooltip/demo/basic.md b/components/tooltip/demo/basic.md
index 011e6ffa6..692654d2d 100644
--- a/components/tooltip/demo/basic.md
+++ b/components/tooltip/demo/basic.md
@@ -9,7 +9,7 @@
 ````jsx
 var Tooltip = antd.Tooltip;
 
-React.render(
+ReactDOM.render(
   <Tooltip title="提示文字">
     <span>鼠标移上来就会出现提示</span>
   </Tooltip>
diff --git a/components/tooltip/demo/placement.md b/components/tooltip/demo/placement.md
index c24ff96e7..c8254da2c 100644
--- a/components/tooltip/demo/placement.md
+++ b/components/tooltip/demo/placement.md
@@ -10,7 +10,7 @@
 var Tooltip = antd.Tooltip;
 var text = <span>提示文字</span>;
 
-React.render(
+ReactDOM.render(
   <div>
     <Tooltip placement="left" title={text}>
       <a href="#">左边左边</a>
diff --git a/components/tree/demo/basic.md b/components/tree/demo/basic.md
index 256535da1..5b6b8956c 100644
--- a/components/tree/demo/basic.md
+++ b/components/tree/demo/basic.md
@@ -10,7 +10,7 @@
 var Tree = antd.Tree;
 var TreeNode = Tree.TreeNode;
 
-React.render(
+ReactDOM.render(
   <Tree defaultExpandAll={false}>
     <TreeNode title="parent 1">
       <TreeNode title="leaf" />
diff --git a/components/tree/demo/checkbox.md b/components/tree/demo/checkbox.md
index 81593c754..2c000534a 100644
--- a/components/tree/demo/checkbox.md
+++ b/components/tree/demo/checkbox.md
@@ -14,7 +14,7 @@ function handleCheck(info) {
   console.log('check: ', info);
 }
 
-React.render(<div>
+ReactDOM.render(<div>
  <Tree defaultExpandAll={true} checkable={true} onCheck={handleCheck}>
     <TreeNode title="parent 1">
       <TreeNode title="leaf" />
diff --git a/components/tree/demo/special.md b/components/tree/demo/special.md
index 2d3b959b2..ff447eacb 100644
--- a/components/tree/demo/special.md
+++ b/components/tree/demo/special.md
@@ -64,6 +64,6 @@ class TreeDemo extends React.Component {
   }
 }
 
-React.render(<TreeDemo />, document.getElementById('components-tree-demo-special'));
+ReactDOM.render(<TreeDemo />, document.getElementById('components-tree-demo-special'));
 
 ````
diff --git a/components/upload/demo/basic.md b/components/upload/demo/basic.md
index d73217de2..fa1a3592f 100644
--- a/components/upload/demo/basic.md
+++ b/components/upload/demo/basic.md
@@ -27,7 +27,7 @@ var props = {
   }
 };
 
-React.render(
+ReactDOM.render(
   <Upload {...props}>
     <Button type="ghost">
       <Icon type="upload" /> 点击上传
diff --git a/components/upload/demo/defaultFileList.md b/components/upload/demo/defaultFileList.md
index 283ced92c..f6454e632 100644
--- a/components/upload/demo/defaultFileList.md
+++ b/components/upload/demo/defaultFileList.md
@@ -32,7 +32,7 @@ var props = {
   }]
 };
 
-React.render(
+ReactDOM.render(
   <Upload {...props}>
     <Button type="ghost">
       <Icon type="upload" /> 点击上传
diff --git a/components/upload/demo/drag-simple.md b/components/upload/demo/drag-simple.md
index ca9e6f3ae..e9cef0e7d 100644
--- a/components/upload/demo/drag-simple.md
+++ b/components/upload/demo/drag-simple.md
@@ -15,7 +15,7 @@ var props = {
   action: '/upload.do'
 };
 
-React.render(
+ReactDOM.render(
   <Dragger {...props}>
     <Icon type="plus" />
   </Dragger>,
diff --git a/components/upload/demo/drag.md b/components/upload/demo/drag.md
index fdcac764a..a53ae4b59 100644
--- a/components/upload/demo/drag.md
+++ b/components/upload/demo/drag.md
@@ -15,7 +15,7 @@ var props = {
   action: '/upload.do'
 };
 
-React.render(
+ReactDOM.render(
   <Dragger {...props}>
     <p className="ant-upload-drag-icon">
       <Icon type="inbox" />
diff --git a/components/upload/demo/fileList.md b/components/upload/demo/fileList.md
index 39c9089e7..4906070b8 100644
--- a/components/upload/demo/fileList.md
+++ b/components/upload/demo/fileList.md
@@ -71,5 +71,5 @@ var MyUpload = React.createClass({
   }
 });
 
-React.render(<MyUpload />, document.getElementById('components-upload-demo-filelist'));
+ReactDOM.render(<MyUpload />, document.getElementById('components-upload-demo-filelist'));
 ````
diff --git a/components/upload/demo/multiple.md b/components/upload/demo/multiple.md
index e54ff6b5d..88c4723f2 100644
--- a/components/upload/demo/multiple.md
+++ b/components/upload/demo/multiple.md
@@ -27,7 +27,7 @@ var props = {
   }
 };
 
-React.render(
+ReactDOM.render(
   <Upload {...props}>
     <Button type="ghost">
       <Icon type="upload" /> 点击上传
diff --git a/components/validation/demo/basic.md b/components/validation/demo/basic.md
index 0a2ef6503..bb61fa522 100644
--- a/components/validation/demo/basic.md
+++ b/components/validation/demo/basic.md
@@ -155,7 +155,7 @@ var Form = React.createClass({
       callback();
     }
   },
-  
+
   checkPrime(rule, value, callback) {
     if (value !== 11) {
       callback(new Error('8~12之间的质数明明是11啊!'));
@@ -163,7 +163,7 @@ var Form = React.createClass({
       callback();
     }
   },
-  
+
   render() {
     var formData = this.state.formData;
     var status = this.state.status;
@@ -256,7 +256,7 @@ var Form = React.createClass({
               </div>
             </div>
           </div>
-          
+
           <div className="ant-form-item">
             <label className="col-7" htmlFor="birthday" required>生日：</label>
             <div className="col-12">
@@ -272,7 +272,7 @@ var Form = React.createClass({
               </div>
             </div>
           </div>
-          
+
           <div className="ant-form-item">
             <label className="col-7" htmlFor="birthday" required>8~12间的质数：</label>
             <div className="col-12">
@@ -284,7 +284,7 @@ var Form = React.createClass({
               </div>
             </div>
           </div>
-          
+
           <div className="ant-form-item">
             <label className="col-7" htmlFor="remark" required>备注：</label>
             <div className="col-12">
@@ -311,5 +311,5 @@ var Form = React.createClass({
   }
 });
 
-React.render(<Form />, document.getElementById('components-validation-demo-basic'));
+ReactDOM.render(<Form />, document.getElementById('components-validation-demo-basic'));
 ````
diff --git a/components/validation/demo/customize.md b/components/validation/demo/customize.md
index 2006e5bad..947e0491d 100644
--- a/components/validation/demo/customize.md
+++ b/components/validation/demo/customize.md
@@ -1,4 +1,4 @@
-# 自定义校验规则 
+# 自定义校验规则
 
 - order: 1
 
@@ -41,7 +41,7 @@ var Form = React.createClass({
         rePass: undefined
       },
       passBarShow: false, // 是否显示密码强度提示条
-      rePassBarShow: false, 
+      rePassBarShow: false,
       passStrength: 'L', // 密码强度
       rePassStrength: 'L'
     };
@@ -201,7 +201,7 @@ var Form = React.createClass({
   }
 });
 
-React.render(<Form />, document.getElementById('components-validation-demo-customize'));
+ReactDOM.render(<Form />, document.getElementById('components-validation-demo-customize'));
 ````
 
 <style>
diff --git a/docs/getting-started.md b/docs/getting-started.md
index 83852c5ae..56719c45e 100644
--- a/docs/getting-started.md
+++ b/docs/getting-started.md
@@ -7,39 +7,6 @@
 
 Ant Design React 致力于提供给程序员愉悦的开发体验。
 
-## 第一个例子
-
-我们封装了一套基于 React 实现的 UI 组件，可以用 React 的方式直接使用。
-
-下面有一个使用了 [日期选择](http://ant.design/components/datepicker) 组件的简单例子。
-
-<iframe width="100%" height="380" src="//jsfiddle.net/afc163/6k22tgpx/4/embedded/result,html" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-源码如下：
-
-```html
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <!-- 引入样式 -->
-    <link rel="stylesheet" href="http://ant.design/dist/antd.css">
-    <!-- 引入 react 和 antd.js -->
-    <script src="https://a.alipayobjects.com/??react/0.13.3/react.min.js,react/0.13.3/JSXTransformer.js"></script>
-    <script src="http://ant.design/dist/antd.js"></script>
-  </head>
-  <body>
-  </body>
-  <!-- 直接调用全局变量 -->
-  <script type="text/jsx">
-    React.render(<antd.Datepicker />, document.body);
-  </script>
-</html>
-```
-
-你可以在 [这里](/components/progress/) 选用更多组件。
-
-
 ## 标准项目
 
 实际项目开发中，你会需要 CommonJS 、JSX 构建、打包部署等一系列工程化的需求。
diff --git a/index.js b/index.js
index e4491c35f..ce8eaec4e 100644
--- a/index.js
+++ b/index.js
@@ -2,13 +2,15 @@ require('./style/index.less');
 
 // matchMedia polyfill for
 // https://github.com/WickyNilliams/enquire.js/issues/82
-window.matchMedia = window.matchMedia || function() {
-  return {
-    matches: false,
-    addListener: function() {},
-    removeListener: function() {}
+window.matchMedia = window.matchMedia || function () {
+    return {
+      matches: false,
+      addListener: function () {
+      },
+      removeListener: function () {
+      }
+    };
   };
-};
 
 const antd = {
   Affix: require('./components/affix'),
@@ -48,6 +50,6 @@ const antd = {
   Icon: require('./components/iconfont')
 };
 
-module.exports = antd;
-
 antd.version = require('./package.json').version;
+
+module.exports = antd;
diff --git a/nico.js b/nico.js
index c46ace379..e8e8864e0 100644
--- a/nico.js
+++ b/nico.js
@@ -6,7 +6,7 @@ var inspect = require('util').inspect;
 var Busboy = require('busboy');
 var chalk = require('chalk');
 var webpackMiddleware = require('webpack-dev-middleware');
-var webpackConfig = require('./webpack.config');
+var webpackConfig = require('./webpack.deploy.config');
 var webpackCompiler = webpack(webpackConfig);
 var handler;
 
diff --git a/package.json b/package.json
index 483442653..7af55fdc1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "antd",
-  "version": "0.10.0-beta1",
+  "version": "0.10.0-beta2",
   "stableVersion": "0.9.1",
   "title": "Ant Design",
   "description": "一个 UI 设计语言",
@@ -38,25 +38,25 @@
     "gregorian-calendar-format": "~3.0.1",
     "object-assign": "~4.0.1",
     "rc-animate": "~1.2.9",
-    "rc-calendar": "~3.16.1",
+    "rc-calendar": "4.0.0-alpha5",
     "rc-checkbox": "~1.1.1",
     "rc-collapse": "~1.3.0",
-    "rc-dialog": "~5.0.2",
+    "rc-dialog": "~5.0.3",
     "rc-dropdown": "~1.3.3",
     "rc-form-validation": "~2.4.7",
     "rc-input-number": "~2.1.2",
-    "rc-menu": "~4.6.0",
+    "rc-menu": "~4.6.2",
     "rc-notification": "~1.1.0",
     "rc-pagination": "~1.1.0",
     "rc-progress": "~1.0.0",
     "rc-radio": "~2.0.0",
-    "rc-select": "~4.9.0",
+    "rc-select": "~4.9.1",
     "rc-slider": "~1.5.0",
     "rc-steps": "~1.3.2",
     "rc-switch": "~1.2.0",
     "rc-table": "~3.2.0",
     "rc-tabs": "~5.3.2",
-    "rc-tooltip": "~2.8.0",
+    "rc-tooltip": "~3.0.1",
     "rc-tree": "~0.16.2",
     "rc-upload": "~1.6.4",
     "rc-util": "~2.0.3",
@@ -87,7 +87,8 @@
     "lodash": "^3.10.0",
     "nico-jsx": "~0.5.8",
     "precommit-hook": "^1.0.7",
-    "react": "~0.13.0",
+    "react": "~0.14.0",
+    "react-dom": "~0.14.0",
     "react-router": "1.0.0-rc1",
     "semver": "~5.0.3",
     "webpack": "^1.10.1",
@@ -95,15 +96,15 @@
   },
   "scripts": {
     "babel": "babel components --out-dir lib",
-    "release": "npm run clean && webpack --config webpack.config.production.js && webpack --config webpack.config.min.js && zip dist/${npm_package_name}-${npm_package_version}.zip -j dist dist/*",
     "start": "npm run clean && nico server --watch",
     "clean": "rm -rf _site dist",
     "deploy": "rm -rf node_modules && node scripts/install.js && npm run just-deploy",
-    "just-deploy": "npm run clean && webpack && webpack --config webpack.config.min.js && NODE_ENV=PRODUCTION nico build && node scripts/deploy.js",
+    "just-deploy": "npm run clean && webpack --config webpack.deploy.config.js && NODE_ENV=PRODUCTION nico build && node scripts/deploy.js",
     "lint": "eslint components index.js --ext '.js,.jsx'",
     "lesslint": "lesslint style",
-    "test": "webpack && npm run lint",
+    "test": "npm run lint && webpack",
     "pub": "sh ./scripts/publish.sh",
+    "webpack": "webpack",
     "beta": "sh ./scripts/publish.sh --tag beta"
   },
   "precommit": [
diff --git a/scripts/demo.js b/scripts/demo.js
index a592b2e28..861a37db8 100644
--- a/scripts/demo.js
+++ b/scripts/demo.js
@@ -1,17 +1,19 @@
 window['css-animation'] = require('css-animation');
 window['react-router'] = require('react-router');
-var antd = require('antd');
-
-var $ = require('jquery');
+var antd = require('../index');
 var React = require('react');
+var ReactDOM = require('react-dom');
 var semver = require('semver');
+window.antd = antd;
+window.React = React;
+window.ReactDOM = ReactDOM;
 
 InstantClickChangeFns.push(function () {
   // auto complete for components
   var Select = antd.Select;
   var Option = Select.Option;
   // 获取搜索数据
-  var searchData = window.ANT_COMPONENTS.sort(function(a, b){
+  var searchData = window.ANT_COMPONENTS.sort(function (a, b) {
     return a.title.localeCompare(b.title);
   });
 
@@ -20,7 +22,7 @@ InstantClickChangeFns.push(function () {
       return searchData.map(function (s) {
         return <Option sData={s} key={s.title} text={'跳转到 ' + s.title}>
           <strong>{s.title}</strong>
-        &nbsp;
+          &nbsp;
           <span className="ant-component-decs">{s.desc}</span>
         </Option>;
       });
@@ -28,8 +30,8 @@ InstantClickChangeFns.push(function () {
 
     handleSelect(value) {
       location.href = rootUrl + '/components/' + value.replace(/([a-z])([A-Z])/g, function (m, m1, m2) {
-        return m1 + '-' + m2;
-      }).toLowerCase() + '/';
+          return m1 + '-' + m2;
+        }).toLowerCase() + '/';
     },
 
     filterOption(input, option) {
@@ -38,11 +40,11 @@ InstantClickChangeFns.push(function () {
 
     render() {
       return <Select combobox style={{width: '100%'}}
-        onSelect={this.handleSelect}
-        optionLabelProp="text"
-        dropdownClassName="autoComplete"
-        searchPlaceholder="搜索组件..."
-        filterOption={this.filterOption}>{this.getOptions()}</Select>;
+                     onSelect={this.handleSelect}
+                     optionLabelProp="text"
+                     dropdownClassName="autoComplete"
+                     searchPlaceholder="搜索组件..."
+                     filterOption={this.filterOption}>{this.getOptions()}</Select>;
     }
   });
 
@@ -55,19 +57,22 @@ InstantClickChangeFns.push(function () {
   };
   versionsHistory[antdVersion.latest] =
     versionsHistory[antdVersion.latest] || 'http://ant.design';
-  var versions = Object.keys(versionsHistory).sort(function(a, b) {
+  var versions = Object.keys(versionsHistory).sort(function (a, b) {
     return semver.lt(a, b);
   });
-  var options = versions.map(function(version) {
+  var options = versions.map(function (version) {
     var link = versionsHistory[version];
     return <option key={version} value={version}>{version}</option>;
   });
+
   function onChange(e) {
     if (versionsHistory[e.target.value]) {
       location.href = location.href.replace(location.host, versionsHistory[e.target.value]);
     }
   }
-  React.render(<select defaultValue={antdVersion.latest} onChange={onChange}>{options}</select>, document.getElementById('versions-select'));
+
+  React.render(<select defaultValue={antdVersion.latest}
+                       onChange={onChange}>{options}</select>, document.getElementById('versions-select'));
 });
 
 module.exports = antd;
diff --git a/scripts/prenpm.js b/scripts/prenpm.js
index bcb8d60ab..f42f5931a 100644
--- a/scripts/prenpm.js
+++ b/scripts/prenpm.js
@@ -6,11 +6,11 @@ var pkg = require('../package');
 var originalIndex = fs.readFileSync(path.join(cwd, 'index.js'), 'utf-8');
 var newIndex = originalIndex
   .replace(/\/components\//g, '/')
-  .replace("require('./package.json').version", "'" + require('../package.json').version + "'")
+  .replace("require('./package.json').version", "require('./version')")
   .replace("require('./style/index.less')", "require('./index.css')");
 fs.writeFileSync(path.join(cwd, 'lib/index.js'), newIndex, 'utf-8');
-
-var antdCss = path.join(cwd, 'dist/' + pkg.name + '-' + pkg.version + '.css');
+fs.writeFileSync(path.join(cwd, 'lib/version.js'), "module.exports = '" + require('../package.json').version + "';", 'utf-8');
+var antdCss = path.join(cwd, 'dist/index.css');
 fs.createReadStream(antdCss)
   .pipe(fs.createWriteStream(path.join(cwd, 'lib/index.css')));
 console.log('prenpm done');
diff --git a/scripts/publish.sh b/scripts/publish.sh
index 3b3e7e8e8..9545576ef 100644
--- a/scripts/publish.sh
+++ b/scripts/publish.sh
@@ -1,6 +1,6 @@
 npm run babel
 rm -rf dist
-webpack --config webpack.config.production.js
+webpack
 node scripts/prenpm.js
 npm publish $1 $2
 rm -rf lib
diff --git a/site/templates/layout.html b/site/templates/layout.html
index 8de22224a..7c4af068e 100644
--- a/site/templates/layout.html
+++ b/site/templates/layout.html
@@ -11,7 +11,7 @@
     <link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
     <link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
     {% block styles %}{% endblock %}
-    <link rel="stylesheet" href="{{static_url(config.antdCssUrl)}}">
+    <link rel="stylesheet" href="{{static_url('../dist/demo.css')}}">
     <link rel="stylesheet" href="{{static_url('style.css')}}">
     <link rel="stylesheet" href="{{static_url('tomorrow.css')}}">
     <script>
@@ -33,7 +33,7 @@
         }
       })(this.console = this.console || {});
     </script>
-    <script src="https://a.alipayobjects.com/??bluebird/2.9.30/bluebird.js,jquery/jquery/1.11.1/jquery.js,es5-shim/4.1.10/es5-shim.js,es5-shim/4.1.10/es5-sham.js,html5shiv/3.7.2/src/html5shiv.js,react/0.13.3/react.js"></script>
+    <script src="https://a.alipayobjects.com/??bluebird/2.9.30/bluebird.js,jquery/jquery/1.11.1/jquery.js,es5-shim/4.1.10/es5-shim.js,es5-shim/4.1.10/es5-sham.js,html5shiv/3.7.2/src/html5shiv.js"></script>
     <script>
     (function() {
       window.ANT_COMPONENTS = [];
@@ -59,7 +59,6 @@
         stable: '{{config.package.stableVersion}}'
       };
     </script>
-    <script src="{{static_url(config.antdJsUrl)}}"></script>
     <script src="{{static_url('../dist/demo.js')}}"></script>
     <script>
       window.require = function (path) {
diff --git a/style/components/datepicker/Calendar.less b/style/components/datepicker/Calendar.less
index 3f79d8bb4..00c215068 100644
--- a/style/components/datepicker/Calendar.less
+++ b/style/components/datepicker/Calendar.less
@@ -81,6 +81,16 @@
   background-clip: padding-box;
   line-height: @line-height-base;
 
+  &-input-wrap {
+    padding: 8px;
+  }
+
+  &-input {
+    .input();
+    width: 100%;
+    cursor: auto;
+  }
+
   &-week-number {
     width: 286px;
 
diff --git a/webpack.config.js b/webpack.config.js
index 335eb3e4c..1357e0a92 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -4,8 +4,7 @@ var path = require('path');
 var pkg = require('./package');
 
 var entry = {};
-entry[pkg.name] = './index.js';
-entry[pkg.name + '-' + pkg.version] = './index.js';
+entry['index'] = './scripts/importCss.js';
 entry['demo'] = './scripts/demo.js';
 
 module.exports = {
@@ -17,25 +16,7 @@ module.exports = {
 
   output: {
     path: path.join(process.cwd(), 'dist'),
-    filename: '[name].js',
-    library: 'antd',
-    libraryTarget: 'umd'
-  },
-
-  externals: {
-    'react': {
-      root: 'React',
-      commonjs2: 'react',
-      commonjs: 'react',
-      amd: 'react'
-    },
-    'antd':'antd',
-    'jquery': {
-      root: 'jQuery',
-      commonjs2: 'jquery',
-      commonjs: 'jquery',
-      amd: 'jquery'
-    }
+    filename: '[name].js'
   },
 
   module: {
diff --git a/webpack.config.min.js b/webpack.config.min.js
deleted file mode 100644
index 525b403b0..000000000
--- a/webpack.config.min.js
+++ /dev/null
@@ -1,22 +0,0 @@
-// webpack.config.min.js
-// release min dist files
-var pkg = require('./package');
-var webpack = require("webpack");
-var ExtractTextPlugin = require("extract-text-webpack-plugin");
-var config = require("./webpack.config.js");
-
-config.plugins = [
-  new ExtractTextPlugin('[name].min.css'),
-  new webpack.optimize.UglifyJsPlugin({
-    sourceMap: false,
-    output: {
-      ascii_only: true
-    }
-  })
-];
-config.output.filename = config.output.filename.replace(/\.js$/, ".min.js");
-delete config.entry.demo;
-delete config.entry[pkg.name];
-delete config.devtool;
-
-module.exports = config;
diff --git a/webpack.config.production.js b/webpack.config.production.js
deleted file mode 100644
index 4d239743e..000000000
--- a/webpack.config.production.js
+++ /dev/null
@@ -1,12 +0,0 @@
-// webpack.config.production.js
-// release full dist files
-var pkg = require('./package');
-var webpack = require("webpack");
-var ExtractTextPlugin = require("extract-text-webpack-plugin");
-var config = require("./webpack.config.js");
-
-delete config.entry.demo;
-delete config.entry[pkg.name];
-delete config.devtool;
-
-module.exports = config;