Web Demo Mobile Demo Angular Demo Vue Demo React Demo
源代码
import React from 'react';
import { ComboTree } from 'rc-easyui';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      value: null,
      data: [
        {
          id: 1,
          text: "My Documents",
          children: [
            {
              id: 11,
              text: "Photos",
              state: "closed",
              children: [
                {
                  id: 111,
                  text: "Friend"
                },
                {
                  id: 112,
                  text: "Wife"
                },
                {
                  id: 113,
                  text: "Company"
                }
              ]
            },
            {
              id: 12,
              text: "Program Files",
              children: [
                {
                  id: 121,
                  text: "Intel"
                },
                {
                  id: 122,
                  text: "Java"
                },
                {
                  id: 123,
                  text: "Microsoft Office"
                },
                {
                  id: 124,
                  text: "Games"
                }
              ]
            },
            {
              id: 13,
              text: "index.html"
            },
            {
              id: 14,
              text: "about.html"
            },
            {
              id: 15,
              text: "welcome.html"
            }
          ]
        }
      ]
    }
  }
  render() {
    return (
      <div>
        <h2>Basic ComboTree</h2>
        <ComboTree
          placeholder="Select a node"
          data={this.state.data}
          value={this.state.value}
          onChange={(value) => this.setState({ value: value })}
        />
        <p>You selected: {this.state.value}</p>
      </div>
    );
  }
}

export default App;