Fix for the FieldTaxonomyRenderer field

Author: estruyf

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Releases
 
+## 1.2.1
+
+**Fixes**
+
+- `FieldTaxonomyRenderer` got fixed to support single and multiple values
+
 ## 1.2.0
 
 **New controls**

docs/documentation/docs/about/release-notes.md

@@ -1,5 +1,11 @@
 # Releases
 
+## 1.2.1
+
+**Fixes**
+
+- `FieldTaxonomyRenderer` got fixed to support single and multiple values
+
 ## 1.2.0
 
 **New controls**

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnp/spfx-controls-react",
   "description": "Reusable React controls for SharePoint Framework solutions",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "engines": {
     "node": ">=0.10.0"
   },

src/controls/fields/fieldTaxonomyRenderer/FieldTaxonomyRenderer.tsx

@@ -11,7 +11,7 @@ export interface IFieldTaxonomyRendererProps extends IFieldRendererProps {
     /**
      * terms to display
      */
-    terms: ITerm[];
+    terms: ITerm | ITerm[];
 }
 
 /**
@@ -35,9 +35,14 @@ export class FieldTaxonomyRenderer extends React.Component<IFieldTaxonomyRendere
 
     @override
     public render(): JSX.Element {
-        const termEls: JSX.Element[] = this.props.terms.map((term) => {
-            return <div className={styles.term} style={this.props.cssProps}><span>{term.Label}</span></div>;
-        });
+        let termEls: JSX.Element | JSX.Element[] = null;
+        if (Array.isArray(this.props.terms)) {
+            termEls = this.props.terms.map((term) => {
+                return <div className={styles.term} style={this.props.cssProps}><span>{term.Label}</span></div>;
+            });
+        } else {
+            termEls = <div className={styles.term} style={this.props.cssProps}><span>{this.props.terms.Label}</span></div>;
+        }
         return (<div style={this.props.cssProps} className={css(this.props.className)}>{termEls}</div>);
     }
 }