// import Select from "..";
// import React from "react";
// import ReactDOM from "react-dom";
// import jsonp from "jsonp";
// let timestamp = Date.now();
// interface PageStates {
//   expandedKeys: Array<any>;
// }
// class Demo extends React.Component {
//   constructor(...args) {
//     super(...args);
//     this.state = {
//       dataSource: [],
//     };
//     this.handleSearch = (value) => {
//       if (this.searchTimeout) {
//         clearTimeout(this.searchTimeout);
//       }
//       this.searchTimeout = setTimeout(() => {
//         value
//           ? jsonp(
//               `https://suggest.taobao.com/sug?code=utf-8&q=${value}`,
//               (err, data) => {
//                 const dataSource = data.result.map((item) => ({
//                   label: item[0],
//                   value: (timestamp++).toString(36),
//                 }));
//                 this.setState({ dataSource });
//               }
//             )
//           : this.setState({ dataSource: [] });
//       }, 100);
//     };
//   }
//   // eslint-disable-next-line handle-callback-err
//   render() {
//     return (
//       <Select
//         showSearch
//         placeholder="input to search"
//         filterLocal={false}
//         dataSource={this.state.dataSource}
//         onSearch={this.handleSearch}
//         style={{ width: 200 }}
//       />
//     );
//   }
// }

// ReactDOM.render(<Demo />, document.getElementById("select-demo-8"));