rewrite Select demos to es6 component, #4878

components/select/demo/combobox.md

@@ -22,13 +22,11 @@ Using the [AutoComplete](/components/auto-complete/) component is strongly recom
 import { Select } from 'antd';
 const Option = Select.Option;
 
-const Test = React.createClass({
-  getInitialState() {
-    return {
-      options: [],
-    };
-  },
-  handleChange(value) {
+class App extends React.Component {
+  state = {
+    options: [],
+  }
+  handleChange = (value) => {
     let options;
     if (!value || value.indexOf('@') >= 0) {
       options = [];
@@ -39,7 +37,7 @@ const Test = React.createClass({
       });
     }
     this.setState({ options });
-  },
+  }
   render() {
     // filterOption needs to be false，as the value is dynamically generated
     return (
@@ -52,8 +50,8 @@ const Test = React.createClass({
         {this.state.options}
       </Select>
     );
-  },
-});
+  }
+}
 
-ReactDOM.render(<Test />, mountNode);
+ReactDOM.render(<App />, mountNode);
 ````

components/select/demo/coordinate.md

 ---
 order: 6
-title: 
+title:
   zh-CN: 联动
   en-US: coordinate
 ---
@@ -28,24 +28,22 @@ const cityData = {
   Jiangsu: ['Nanjing', 'Suzhou', 'Zhenjiang'],
 };
 
-const App = React.createClass({
-  getInitialState() {
-    return {
-      cities: cityData[provinceData[0]],
-      secondCity: cityData[provinceData[0]][0],
-    };
-  },
-  handleProvinceChange(value) {
+class App extends React.Component {
+  state = {
+    cities: cityData[provinceData[0]],
+    secondCity: cityData[provinceData[0]][0],
+  }
+  handleProvinceChange = (value) => {
     this.setState({
       cities: cityData[value],
       secondCity: cityData[value][0],
     });
-  },
-  onSecondCityChange(value) {
+  }
+  onSecondCityChange = (value) => {
     this.setState({
       secondCity: value,
     });
-  },
+  }
   render() {
     const provinceOptions = provinceData.map(province => <Option key={province}>{province}</Option>);
     const cityOptions = this.state.cities.map(city => <Option key={city}>{city}</Option>);
@@ -59,7 +57,8 @@ const App = React.createClass({
         </Select>
       </div>
     );
-  },
-});
+  }
+}
+
 ReactDOM.render(<App />, mountNode);
 ````

components/select/demo/search-box.md

@@ -54,17 +54,15 @@ function fetch(value, callback) {
   timeout = setTimeout(fake, 300);
 }
 
-const SearchInput = React.createClass({
-  getInitialState() {
-    return {
-      data: [],
-      value: '',
-    };
-  },
-  handleChange(value) {
+class SearchInput extends React.Component {
+  state = {
+    data: [],
+    value: '',
+  }
+  handleChange = (value) => {
     this.setState({ value });
     fetch(value, data => this.setState({ data }));
-  },
+  }
   render() {
     const options = this.state.data.map(d => <Option key={d.value}>{d.text}</Option>);
     return (
@@ -82,8 +80,8 @@ const SearchInput = React.createClass({
         {options}
       </Select>
     );
-  },
-});
+  }
+}
 
 ReactDOM.render(
   <SearchInput placeholder="input search text" style={{ width: 200 }} />