From b98981941122e3c00bd32898a59e618cc2ed75b1 Mon Sep 17 00:00:00 2001
From: ShanaMaid <uestczeng@gmail.com>
Date: Wed, 31 Oct 2018 15:13:56 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dautocomplete=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0datasource=E5=90=8E=E5=BC=82=E5=B8=B8=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/AutoComplete/AutoComplete.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/AutoComplete/AutoComplete.tsx b/components/AutoComplete/AutoComplete.tsx
index 3a493a4..e32352a 100644
--- 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) {