{
  value: 'Root', // 顯示的信息
  defaultValue: 'Root', // 當(dāng)某一節(jié)點(diǎn)進(jìn)入編輯狀態(tài)，然后點(diǎn)擊close按鈕，節(jié)點(diǎn)的信息應(yīng)該恢復(fù)原始狀態(tài)，
  key: '0-1', // 節(jié)點(diǎn)的Key，全局唯一
  parentKey: '0', // 父節(jié)點(diǎn)的Key
  isEditable: false // 是否處于可編輯狀態(tài)
  children:[] // 子節(jié)點(diǎn)
}

data= [
   {
    value: 'Root',
    defaultValue: 'Root',
    key: '0-1',
    parentKey: '0',
    isEditable: false
   }
  ];
  
  state={
    data: this.data
  }
 
renderTreeNodes = data => data.map((item) => {
  if (item.isEditable) { // 編輯狀態(tài)下
   item.title = (
    <div>
     <input value={item.value}
      onChange={(e) => this.onChange(e, item.key)}/>
     <Icon type='close' style={{marginLeft:10}} onClick={() => this.onClose(item.key, item.defaultValue)}/>
     <Icon type='check' style={{marginLeft:10}} onClick={() => this.onSave(item.key)}/>
    </div>
   );
  } else {
   item.title = (
    <div>
     <span>
      {item.value}
     </span>
     <Icon style={{ marginLeft: 10 }} type='edit' onClick={() => this.onEdit(item.key)} />
     <Icon style={{ marginLeft: 10 }} type='plus' onClick={() => this.onAdd(item.key)} />
     {item.parentKey === '0' ? null : (<Icon style={{ marginLeft: 10 }} type='minus' onClick={() => this.onDelete(item.key)} />)} // 根節(jié)點(diǎn)沒(méi)有刪除按鈕
    </div>
   )
  }
 
  if (item.children) {
   return (
    <TreeNode title={item.title} key={item.key} dataRef={item}>
     {this.renderTreeNodes(item.children)}
    </TreeNode>
   );
  }
 
  return <TreeNode {...item}/>;
 })
 
 ...
 // 渲染界面
 render() {
  return (
   <div>
    <Tree>
     {this.renderTreeNodes(this.state.data)}
    </Tree>
   </div>
  )
 }

componentDidMount() {
  this.onExpand([]); // 手動(dòng)觸發(fā)，否則會(huì)遇到第一次添加子節(jié)點(diǎn)不展開(kāi)的Bug
 }

changeValues = (rule ,value , callback)=> {
　　const { setFieldsValue } = this.props.form ;
　　let newArr ;
　　if (value.length > 3){
　　　　newArr = [].concat(value.slice(0,2), value.slice(-1) ) ;
　　　　setFieldsValue({
　　　　"languages" : newArr ,
　　　　})
　　　　callback('最多選擇三種語(yǔ)言')
　　} else {
　　　　newArr = value ;
　　　　callback()
　　}
}
 
<FormItem>
{getFieldDecorator('languages', {
rules:[{required: true,message : '請(qǐng)選擇三種語(yǔ)言',
validator : changeValues
}],
validateTrigger : 'onChange',
})(
<Select mode='multiple' >
 
　　<Option key={1} value={1}>1</Option>
　　<Option key={2} value={2}>2</Option>
 　　<Option key={3} value={3}>3</Option>
　　<Option key={4} value={4}>4</Option>
　　<Option key={5} value={5}>5</Option>
</Select>
)}
</FormItem>