v2: fix of #841

Author: AJIXuMuK

src/controls/peoplepicker/PeoplePickerComponent.tsx

@@ -189,6 +189,10 @@ export class PeoplePicker extends React.Component<IPeoplePickerProps, IPeoplePic
     if (typeof result === 'string') {
       if (!result) {
         this.validated(items);
+
+        this.setState({
+          errorMessage: undefined
+        });
       }
       else {
         this.setState({
@@ -202,6 +206,10 @@ export class PeoplePicker extends React.Component<IPeoplePickerProps, IPeoplePic
 
         if (!resolvedResult) {
           this.validated(items);
+
+          this.setState({
+            errorMessage: undefined
+          });
         }
         else {
           this.setState({

src/controls/taxonomyPicker/TaxonomyPicker.tsx

@@ -454,6 +454,10 @@ export class TaxonomyPicker extends React.Component<ITaxonomyPickerProps, ITaxon
     if (typeof result === 'string') {
       if (!result) {
         this.validated(value);
+
+        this.setState({
+          errorMessage: undefined
+        });
       }
       else {
         this.setState({
@@ -467,6 +471,10 @@ export class TaxonomyPicker extends React.Component<ITaxonomyPickerProps, ITaxon
 
         if (!resolvedResult) {
           this.validated(value);
+
+          this.setState({
+            errorMessage: undefined
+          });
         }
         else {
           this.setState({

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -1105,7 +1105,14 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
           principalTypes={[PrincipalType.User, PrincipalType.SharePointGroup, PrincipalType.SecurityGroup, PrincipalType.DistributionList]}
           suggestionsLimit={2}
           resolveDelay={200}
-          placeholder={'Select a SharePoint principal (User or Group)'} />
+          placeholder={'Select a SharePoint principal (User or Group)'}
+          onGetErrorMessage={async (items: any[]) => {
+            if (!items || items.length < 2) {
+              return 'error';
+            }
+
+            return '';
+          }} />
 
         <PeoplePicker context={this.props.context}
           titleText="People Picker (local scoped)"