Fix issue for #83

Author: estruyf

CHANGELOG.JSON

@@ -7,7 +7,9 @@
         "enhancements": [
           "Added a properties to the `TaxonomyPicker` to specify which terms are disabled/not-selectable [#82](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/82)"
         ],
-        "fixes": []
+        "fixes": [
+          "Bug in TaxonomyPicker where values are not updated by an async change [#83](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/83)"
+        ]
       },
       "contributions": []
     },

src/controls/taxonomyPicker/TaxonomyPicker.tsx

@@ -41,7 +41,7 @@ export class TaxonomyPicker extends React.Component<ITaxonomyPickerProps, ITaxon
     appInsights.track('ReactTaxonomyPicker');
 
     this.state = {
-      activeNodes: typeof this.props.initialValues !== 'undefined' ? this.props.initialValues : [],
+      activeNodes: this.props.initialValues || [],
       termSetAndTerms: null,
       loaded: false,
       openPanel: false,
@@ -55,6 +55,24 @@ export class TaxonomyPicker extends React.Component<ITaxonomyPickerProps, ITaxon
     this.termsFromPickerChanged = this.termsFromPickerChanged.bind(this);
   }
 
+  /**
+   * componentWillMount lifecycle hook
+   */
+  public componentWillMount(): void {
+    this.setState({
+      activeNodes: this.props.initialValues || []
+    });
+  }
+
+  /**
+   * componentWillUpdate lifecycle hook
+   */
+  public componentWillUpdate(nextProps: ITaxonomyPickerProps): void {
+    this.setState({
+      activeNodes: nextProps.initialValues || []
+    });
+  }
+
   /**
    * Loads the list from SharePoint current web site
    */