import 'whatwg-fetch';
import CascaderSelect from '..';
import React from 'react';
import ReactDOM from 'react-dom';
interface PageStates {
  data: Array<any>;
}
class Demo extends React.Component<{}, PageStates> {
  handleChange: (value: any, data: any, extra: any) => void;
  constructor(props) {
    super(props);

    this.handleChange = (value, data, extra) => {
      console.log(value, data, extra);
    };
    this.state = {
      data: [
        {
          value: '2973',
          label: '陕西',
          children: [
            {
              value: '2974',
              label: '西安',
              children: [
                { value: '2975', label: '西安市', isLeaf: true },
                { value: '2976', label: '高陵县', isLeaf: true },
              ],
            },
            {
              value: '2980',
              label: '铜川',
              children: [
                { value: '2981', label: '铜川市', isLeaf: true },
                { value: '2982', label: '宜君县', isLeaf: true },
              ],
            },
          ],
        },
      ],
    };
  }

  render() {
    return (
      <CascaderSelect
        defaultExpandedValue={[ '2973', '2980', '2981' ]}
        dataSource={this.state.data}
        onChange={this.handleChange}
      />
    );
  }
}
ReactDOM.render(<Demo />, document.getElementById('cascader-select-demo-3'));
