From 8b491b0f6c0789edf9a4452adc9888c7b357eea0 Mon Sep 17 00:00:00 2001
From: lpgray <px.zhangyang@gmail.com>
Date: Thu, 23 May 2019 17:03:32 +0800
Subject: [PATCH] =?UTF-8?q?FIX:=20options=20=E5=90=8E=E5=8A=A0=E8=BD=BD,?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E5=9B=9E=E5=A1=AB=E6=96=87=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/CascadeMultiSelectDemo.js | 8 +++++---
 src/CascadeMultiSelect.jsx     | 3 +--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/demo/CascadeMultiSelectDemo.js b/demo/CascadeMultiSelectDemo.js
index 36b36ec..6667f44 100644
--- a/demo/CascadeMultiSelectDemo.js
+++ b/demo/CascadeMultiSelectDemo.js
@@ -58,6 +58,7 @@ class Demo extends React.Component {
       demo10: ['bingjiang', 'ningbo', 'anhui', 'shandong', 'jiangsu', 'longname-0'],
       asyncOptions6: options,
       dynamicData,
+      dynamicOptions: [],
       size,
     };
   }
@@ -149,17 +150,18 @@ class Demo extends React.Component {
         </div>
         <div style={{ margin: 15, width: 200 }}>
           <CascadeMultiSelect
-            options={this.state.dynamicData}
+            options={this.state.dynamicOptions}
             onOk={(...params) => console.log('onOk', params)}
             onChange={(...params) => console.log('onChange', params)}
             cascadeSize={4}
             size={'middle'}
+            value={[4]}
           />
           <br/>
           <button
             onClick={() => {
-              this.state.dynamicData[0].children[0].children[0].children = [{ value: 5, label: 'five' }];
-              this.setState({ dynamicData: this.state.dynamicData }, () => {
+              // this.state.dynamicData[0].children[0].children[0].children = [{ value: 5, label: 'five' }];
+              this.setState({ dynamicOptions: dynamicData }, () => {
                 // console.log(this.state.dynamicData);
               });
             }}
diff --git a/src/CascadeMultiSelect.jsx b/src/CascadeMultiSelect.jsx
index bc6eb64..413f07a 100644
--- a/src/CascadeMultiSelect.jsx
+++ b/src/CascadeMultiSelect.jsx
@@ -49,14 +49,13 @@ class CascadeMultiSelect extends React.Component {
   static getDerivedStateFromProps(props, state) {
     const { value: propValue } = props;
     const { value: stateValue, prevPropValue } = state;
-    let { displayValue } = state;
     let value;
     if (!valueEqual(propValue, prevPropValue)) {
       value = propValue;
-      displayValue = CascadeMultiSelect.getInputValue(props, value);
     } else {
       value = stateValue;
     }
+    const displayValue = CascadeMultiSelect.getInputValue(props, value);
     return { value, prevPropValue: propValue, displayValue };
   }