treeselect的使用示例

treeselect是一个用于选择树形数据结构中的元素的JavaScript库，它通常与React或Vue这样的前端框架一起使用。以下是一个简单的React Treeselect使用示例：

import React from 'react';
import { TreeSelect } from 'antd';

const options = [
  {
    value: '0',
    label: 'Option 1',
    children: [
      { value: '0-0', label: 'Sub Option 1' },
      { value: '0-1', label: 'Sub Option 2' },
    ],
  },
  // 更多选项...
];

class App extends React.Component {
  state = {
    selectedOptions: [],
  };

  onChange = (selectedOptions) => {
    this.setState({ selectedOptions });
  };

  render() {
    return (
      <TreeSelect
        style={{ width: 200 }}
        options={options}
        value={this.state.selectedOptions}
        onChange={this.onChange}
      />
    );
  }
}

export default App;

在这个例子中，`TreeSelect`组件接受一个`options`数组，其中包含树节点的数据，`value`属性表示当前选中的节点值，`onChange`函数则会在用户选择不同的节点时触发，更新状态并可以进一步处理用户的选择。