fix of #367 and changelog

Author: AJIXuMuK

CHANGELOG.JSON

@@ -1,5 +1,15 @@
 {
   "versions": [
+    {
+      "version": "1.21.0",
+      "changes": {
+        "new": [],
+        "enhancements": [],
+        "fixes": [
+          "`TaxonomyPicker`: Ability to reset the TaxonomyPicker (Remove all selected Terms) [#367](https://github.com/pnp/sp-dev-fx-controls-react/issues/367)"
+        ]
+      }
+    },
     {
       "version": "1.20.0",
       "changes": {

src/controls/taxonomyPicker/TaxonomyPicker.tsx

@@ -74,24 +74,26 @@ export class TaxonomyPicker extends React.Component<ITaxonomyPickerProps, ITaxon
     });
   }
 
-  /**
-   * componentWillUpdate lifecycle hook
-   */
-  public async componentDidUpdate(prevProps: ITaxonomyPickerProps): Promise<void> {
+
+  public componentWillReceiveProps(nextProps: ITaxonomyPickerProps) {
     let newState: ITaxonomyPickerState | undefined;
     // Check if the initial values objects are not equal, if that is the case, data can be refreshed
-    if (!isEqual(this.props.initialValues, prevProps.initialValues)) {
+    if (!isEqual(this.props.initialValues, nextProps.initialValues)) {
       newState = {
-        activeNodes: this.props.initialValues || []
+        activeNodes: nextProps.initialValues || []
       };
     }
 
-    if (this.props.errorMessage) {
+    if (nextProps.errorMessage) {
       if (!newState) {
         newState = {};
       }
 
-      newState.errorMessage = this.props.errorMessage;
+      newState.errorMessage = nextProps.errorMessage;
+    }
+
+    if (newState) {
+      this.setState(newState);
     }
   }