fix: 修复autocomplete更新datasource后异常的问题

Yoshino-UI · Oct 31, 2018 · b989819 · b989819
1 parent dffb0ba
commit b989819
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/components/AutoComplete/AutoComplete.tsx b/components/AutoComplete/AutoComplete.tsx
@@ -42,9 +42,22 @@ export class AutoComplete extends Component<IAutoCompleteProps, IAutoCompleteSta
     options: this.props.dataSource,
     show: false,
     active: this.props.activeFirstOption ? 0 : -1,
-    value: this.props.defaultValue,
+    value: this.props.defaultValue!,
   };
 
+  componentWillReceiveProps(netxProps: IAutoCompleteProps) {
+    const { dataSource } = this.props;
+    const { dataSource: nextDataSource } = netxProps;
+    if (JSON.stringify(dataSource) !== JSON.stringify(nextDataSource)) {
+      this.setState({
+        options: nextDataSource.filter((item) => {
+          return String(item).match(new RegExp(this.getValue()));
+        }),
+      });
+    }
+  }
+
+
   onFocus: React.FormEventHandler<HTMLInputElement> = (e) => {
     const {onFocus} = this.props;
     if (onFocus) {