diff --git a/.eslintrc.js b/.eslintrc.js
index eee27e1ec164..774648f1f155 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -50,7 +50,6 @@ if (process.env.ANTD === 'DEMO') {
     'prefer-rest-params': 0,
     'react/no-multi-comp': 0,
     'react/prefer-es6-class': 0,
-    'react/prefer-stateless-function': 0,
   });
 }
 
diff --git a/components/breadcrumb/demo/router.md b/components/breadcrumb/demo/router.md
index 71b6789b74a6..a208a1849495 100644
--- a/components/breadcrumb/demo/router.md
+++ b/components/breadcrumb/demo/router.md
@@ -11,43 +11,39 @@ const ReactRouter = require('react-router');
 let { Router, Route, Link, hashHistory } = ReactRouter;
 import { Breadcrumb } from 'antd';
 
-const Apps = React.createClass({
-  render() {
-    return (
-      <ul className="app-list">
-        <li>
-          <Link to="/apps/1">应用1</Link>：<Link to="/apps/1/detail">详情</Link>
-        </li>
-        <li>
-          <Link to="/apps/2">应用2</Link>：<Link to="/apps/2/detail">详情</Link>
-        </li>
-      </ul>
-    );
-  }
-});
+function Apps() {
+  return (
+    <ul className="app-list">
+      <li>
+        <Link to="/apps/1">应用1</Link>：<Link to="/apps/1/detail">详情</Link>
+      </li>
+      <li>
+        <Link to="/apps/2">应用2</Link>：<Link to="/apps/2/detail">详情</Link>
+      </li>
+    </ul>
+  );
+}
 
-const Home = React.createClass({
-  render() {
-    return (
-      <div>
-        <div className="demo-nav">
-          <Link to="/">首页</Link>
-          <Link to="/apps">应用列表</Link>
-        </div>
-        {this.props.children || 'Home'}
-        <div style={{
-          marginBottom: 15,
-          marginTop: 15,
-          paddingBottom: 15,
-          borderBottom: '1px dashed #ccc'
-        }}>
+function Home(props) {
+  return (
+    <div>
+      <div className="demo-nav">
+        <Link to="/">首页</Link>
+        <Link to="/apps">应用列表</Link>
+      </div>
+      {props.children || 'Home'}
+      <div style={{
+        marginBottom: 15,
+        marginTop: 15,
+        paddingBottom: 15,
+        borderBottom: '1px dashed #ccc'
+      }}>
         点击上面的导航切换页面，面包屑在下面：
-        </div>
-        <Breadcrumb {...this.props} />
       </div>
-    );
-  }
-});
+      <Breadcrumb {...props} />
+    </div>
+  );
+}
 
 ReactDOM.render(
   <Router history={hashHistory}>
diff --git a/components/locale-provider/demo/basic.md b/components/locale-provider/demo/basic.md
index 8d3fb985b152..9c9707e105d6 100644
--- a/components/locale-provider/demo/basic.md
+++ b/components/locale-provider/demo/basic.md
@@ -9,15 +9,13 @@ title: 国际化
 import { Pagination, LocaleProvider } from 'antd';
 import enUS from 'antd/lib/locale-provider/en_US';
 
-const App = React.createClass({
-  render() {
-    return (
-      <div>
-        <Pagination defaultCurrent={1} total={50} showSizeChanger />
-      </div>
-    );
-  }
-});
+function App() {
+  return (
+    <div>
+      <Pagination defaultCurrent={1} total={50} showSizeChanger />
+    </div>
+  );
+}
 
 ReactDOM.render(
   <LocaleProvider locale={enUS}>
diff --git a/components/queue-anim/demo/router.md b/components/queue-anim/demo/router.md
index f419f3e59db7..6e4379d14fb2 100644
--- a/components/queue-anim/demo/router.md
+++ b/components/queue-anim/demo/router.md
@@ -11,114 +11,106 @@ const ReactRouter = require('react-router');
 let { Router, Route, Link, hashHistory } = ReactRouter;
 import { QueueAnim, Menu } from 'antd';
 
-const App = React.createClass({
-  render() {
-    const key = this.props.location.pathname;
-    const keys = key.replace('/', '') ? [key.replace('/', '')] : ['home'];
-    return (
-      <div>
-        <Menu style={{ marginBottom: 10 }} mode="horizontal" selectedKeys={keys}>
-          <Menu.Item key="home">
-            <Link to="/">首页</Link>
-          </Menu.Item>
-          <Menu.Item key="page1">
-            <Link to="/page1">Page 1</Link>
-          </Menu.Item>
-          <Menu.Item key="page2">
-            <Link to="/page2">Page 2</Link>
-          </Menu.Item>
-        </Menu>
-        <QueueAnim type={['right', 'left']} className="demo-router-wrap">
-          {React.cloneElement(this.props.children || <Home />, { key })}
-        </QueueAnim>
-      </div>
-    );
-  }
-});
+function App(props) {
+  const key = props.location.pathname;
+  const keys = key.replace('/', '') ? [key.replace('/', '')] : ['home'];
+  return (
+    <div>
+      <Menu style={{ marginBottom: 10 }} mode="horizontal" selectedKeys={keys}>
+        <Menu.Item key="home">
+          <Link to="/">首页</Link>
+        </Menu.Item>
+        <Menu.Item key="page1">
+          <Link to="/page1">Page 1</Link>
+        </Menu.Item>
+        <Menu.Item key="page2">
+          <Link to="/page2">Page 2</Link>
+        </Menu.Item>
+      </Menu>
+      <QueueAnim type={['right', 'left']} className="demo-router-wrap">
+        {React.cloneElement(props.children || <Home />, { key })}
+      </QueueAnim>
+    </div>
+  );
+}
 
-const Home = React.createClass({
-  render() {
-    return (
-      <div className="demo-router-child">
-        <QueueAnim className="demo-content">
-          <div className="demo-kp" key="a">
-            <QueueAnim component="ul">
-              <li key="0"></li>
-              <li key="1"></li>
-              <li key="2"></li>
-            </QueueAnim>
-          </div>
-          <div className="demo-kp" key="b">
-            <QueueAnim component="ul">
-              <li key="0"></li>
-              <li key="1"></li>
-              <li key="2"></li>
-            </QueueAnim>
-          </div>
-          <div className="demo-kp" key="c">
-            <QueueAnim component="ul">
+function Home() {
+  return (
+    <div className="demo-router-child">
+      <QueueAnim className="demo-content">
+        <div className="demo-kp" key="a">
+          <QueueAnim component="ul">
+            <li key="0"></li>
+            <li key="1"></li>
+            <li key="2"></li>
+          </QueueAnim>
+        </div>
+        <div className="demo-kp" key="b">
+          <QueueAnim component="ul">
+            <li key="0"></li>
+            <li key="1"></li>
+            <li key="2"></li>
+          </QueueAnim>
+        </div>
+        <div className="demo-kp" key="c">
+          <QueueAnim component="ul">
+            <li key="0"></li>
+            <li key="1"></li>
+            <li key="2"></li>
+          </QueueAnim>
+        </div>
+      </QueueAnim>
+    </div>
+  );
+}
+
+function Page1() {
+  return (
+    <div className="demo-router-child">
+      <QueueAnim className="demo-content">
+        <div className="demo-kp" key="b">
+          <QueueAnim component="ul">
+            <li key="0"></li>
+            <li key="1"></li>
+            <li key="2"></li>
+          </QueueAnim>
+        </div>
+        <div className="demo-listBox">
+          <QueueAnim className="demo-list" delay={200}>
+            <div className="title" key="title3"></div>
+            <QueueAnim component="ul" animConfig={{ opacity: [1, 0], translateY: [0, 30], scale: [1, 0.9] }} key="ul">
               <li key="0"></li>
               <li key="1"></li>
               <li key="2"></li>
             </QueueAnim>
-          </div>
-        </QueueAnim>
-      </div>
-    );
-  }
-});
+          </QueueAnim>
+        </div>
+      </QueueAnim>
+    </div>
+  );
+}
 
-const Page1 = React.createClass({
-  render() {
-    return (
-      <div className="demo-router-child">
-        <QueueAnim className="demo-content">
-          <div className="demo-kp" key="b">
-            <QueueAnim component="ul">
+function Page2() {
+  return (
+    <div className="demo-router-child">
+      <div className="demo-content">
+        <div className="demo-listBox">
+          <QueueAnim className="demo-list">
+            <div className="title" key="title3"></div>
+            <QueueAnim component="ul" animConfig={{ opacity: [1, 0], translateY: [0, 30], scale: [1, 0.9] }} key="li">
               <li key="0"></li>
               <li key="1"></li>
               <li key="2"></li>
+              <li key="3"></li>
+              <li key="4"></li>
+              <li key="5"></li>
             </QueueAnim>
-          </div>
-          <div className="demo-listBox">
-            <QueueAnim className="demo-list" delay={200}>
-              <div className="title" key="title3"></div>
-              <QueueAnim component="ul" animConfig={{ opacity: [1, 0], translateY: [0, 30], scale: [1, 0.9] }} key="ul">
-                <li key="0"></li>
-                <li key="1"></li>
-                <li key="2"></li>
-              </QueueAnim>
-            </QueueAnim>
-          </div>
-        </QueueAnim>
-      </div>
-    );
-  }
-});
-
-const Page2 = React.createClass({
-  render() {
-    return (
-      <div className="demo-router-child">
-        <div className="demo-content">
-          <div className="demo-listBox">
-            <QueueAnim className="demo-list">
-              <div className="title" key="title3"></div>
-              <QueueAnim component="ul" animConfig={{ opacity: [1, 0], translateY: [0, 30], scale: [1, 0.9] }} key="li">
-                <li key="0"></li>
-                <li key="1"></li>
-                <li key="2"></li>
-                <li key="3"></li>
-                <li key="4"></li>
-                <li key="5"></li>
-              </QueueAnim>
-            </QueueAnim>
-          </div>
+          </QueueAnim>
         </div>
       </div>
-    );
-  }
-});
+    </div>
+  );
+}
 
 ReactDOM.render((
   <Router history={hashHistory}>
diff --git a/components/table/demo/fixed-columns-header.md b/components/table/demo/fixed-columns-header.md
index d0dcc2276c94..800f83f62116 100644
--- a/components/table/demo/fixed-columns-header.md
+++ b/components/table/demo/fixed-columns-header.md
@@ -40,11 +40,9 @@ for (let i = 0; i < 100; i++) {
   });
 }
 
-const App = React.createClass({
-  render() {
-    return <Table columns={columns} dataSource={data} scroll={{ x: 1000, y: 300 }} />;
-  }
-});
+function App() {
+  return <Table columns={columns} dataSource={data} scroll={{ x: 1000, y: 300 }} />;
+}
 
 ReactDOM.render(<App />, mountNode);
 ````
diff --git a/components/table/demo/fixed-columns.md b/components/table/demo/fixed-columns.md
index 9f22a87158bb..cb7640b1bac1 100644
--- a/components/table/demo/fixed-columns.md
+++ b/components/table/demo/fixed-columns.md
@@ -40,11 +40,9 @@ const data = [{
   age: 42,
 }];
 
-const App = React.createClass({
-  render() {
-    return <Table columns={columns} dataSource={data} scroll={{ x: 1000 }} />;
-  }
-});
+function App() {
+  return <Table columns={columns} dataSource={data} scroll={{ x: 1000 }} />;
+}
 
 ReactDOM.render(<App />, mountNode);
 ````