style: enable react/prefer-stateless-function in demo

.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,
   });
 }
 

components/breadcrumb/demo/router.md

@@ -11,8 +11,7 @@ const ReactRouter = require('react-router');
 let { Router, Route, Link, hashHistory } = ReactRouter;
 import { Breadcrumb } from 'antd';
 
-const Apps = React.createClass({
-  render() {
+function Apps() {
   return (
     <ul className="app-list">
       <li>
@@ -24,17 +23,15 @@ const Apps = React.createClass({
     </ul>
   );
 }
-});
 
-const Home = React.createClass({
-  render() {
+function Home(props) {
   return (
     <div>
       <div className="demo-nav">
         <Link to="/">首页</Link>
         <Link to="/apps">应用列表</Link>
       </div>
-        {this.props.children || 'Home'}
+      {props.children || 'Home'}
       <div style={{
         marginBottom: 15,
         marginTop: 15,
@@ -43,11 +40,10 @@ const Home = React.createClass({
       }}>
         点击上面的导航切换页面，面包屑在下面：
       </div>
-        <Breadcrumb {...this.props} />
+      <Breadcrumb {...props} />
     </div>
   );
 }
-});
 
 ReactDOM.render(
   <Router history={hashHistory}>

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() {
+function App() {
   return (
     <div>
       <Pagination defaultCurrent={1} total={50} showSizeChanger />
     </div>
   );
 }
-});
 
 ReactDOM.render(
   <LocaleProvider locale={enUS}>

components/queue-anim/demo/router.md

@@ -11,9 +11,8 @@ 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;
+function App(props) {
+  const key = props.location.pathname;
   const keys = key.replace('/', '') ? [key.replace('/', '')] : ['home'];
   return (
     <div>
@@ -29,15 +28,13 @@ const App = React.createClass({
         </Menu.Item>
       </Menu>
       <QueueAnim type={['right', 'left']} className="demo-router-wrap">
-          {React.cloneElement(this.props.children || <Home />, { key })}
+        {React.cloneElement(props.children || <Home />, { key })}
       </QueueAnim>
     </div>
   );
 }
-});
 
-const Home = React.createClass({
-  render() {
+function Home() {
   return (
     <div className="demo-router-child">
       <QueueAnim className="demo-content">
@@ -66,10 +63,8 @@ const Home = React.createClass({
     </div>
   );
 }
-});
 
-const Page1 = React.createClass({
-  render() {
+function Page1() {
   return (
     <div className="demo-router-child">
       <QueueAnim className="demo-content">
@@ -94,10 +89,8 @@ const Page1 = React.createClass({
     </div>
   );
 }
-});
 
-const Page2 = React.createClass({
-  render() {
+function Page2() {
   return (
     <div className="demo-router-child">
       <div className="demo-content">
@@ -118,7 +111,6 @@ const Page2 = React.createClass({
     </div>
   );
 }
-});
 
 ReactDOM.render((
   <Router history={hashHistory}>

components/table/demo/fixed-columns-header.md

@@ -40,11 +40,9 @@ for (let i = 0; i < 100; i++) {
   });
 }
 
-const App = React.createClass({
-  render() {
+function App() {
   return <Table columns={columns} dataSource={data} scroll={{ x: 1000, y: 300 }} />;
 }
-});
 
 ReactDOM.render(<App />, mountNode);
 ````

components/table/demo/fixed-columns.md

@@ -40,11 +40,9 @@ const data = [{
   age: 42,
 }];
 
-const App = React.createClass({
-  render() {
+function App() {
   return <Table columns={columns} dataSource={data} scroll={{ x: 1000 }} />;
 }
-});
 
 ReactDOM.render(<App />, mountNode);
 ````