text: import React from 'react'
  import { TreeSelect } from '@alicloud/console-components'
  import "./demo4.less"
  
  const treeData = [{
    label: 'Component',
    value: '1',
    children: [{
      label: 'Form',
      value: '2',
      children: [{
        label: 'Input',
        value: '4'
      }, {
        label: 'Select',
        value: '5'
      }]
    }, {
      label: 'Display',
      value: '3',
      children: [{
        label: 'Table',
        value: '6'
      }]
    }]
  }]
  
  export default class Demo4 extends React.Component {
    constructor(props) {
      super(props)
      this.state = {
        value: ['4', '6']
      }
      this.handleChange = this.handleChange.bind(this)
      }
  
    handleChange(value, data) {
      console.log(value, data)
      this.setState({
        value
      })
    }
  
    render() {
      return (
        <TreeSelect 
          treeDefaultExpandAll 
          treeCheckable 
          dataSource={treeData} 
          value={this.state.value} 
          onChange={this.handleChange} 
          style={{ width: 200 }} />
      )
    }
  }
  