diff --git a/src/components/ResultBox.tsx b/src/components/ResultBox.tsx
index a3da47800..6ab81481f 100644
--- a/src/components/ResultBox.tsx
+++ b/src/components/ResultBox.tsx
@@ -173,7 +173,9 @@ export class ResultBox extends React.Component<ResultBoxProps> {
 
         {children}
 
-        {clearable && !disabled && Array.isArray(result) && result.length ? (
+        {clearable &&
+        !disabled &&
+        (Array.isArray(result) ? result.length : result) ? (
           <a
             // data-tooltip="清空"
             // data-position="bottom"
diff --git a/src/renderers/Form/TreeSelect.tsx b/src/renderers/Form/TreeSelect.tsx
index b22769db3..3da3833c9 100644
--- a/src/renderers/Form/TreeSelect.tsx
+++ b/src/renderers/Form/TreeSelect.tsx
@@ -327,11 +327,17 @@ export default class TreeSelectControl extends React.Component<
       extractValue,
       delimiter,
       valueField,
-      onChange
+      onChange,
+      multiple
     } = this.props;
 
     let newValue: any = Array.isArray(value) ? value.concat() : [];
 
+    if (!multiple && !newValue.length) {
+      onChange('');
+      return;
+    }
+
     if (joinValues || extractValue) {
       newValue = value.map(item => item[valueField || 'value']);
     }