pnp/sp PeoplePicker中所需的属性不能工作

Question

我对pnp/sp PeoplePicker有疑问。PeoplePicker具有“必需”属性，但是我使用它的形式它被忽略了。

这是我的PeoplePicker代码：

<PeoplePicker
required={true}
context={this.props.spContext}
personSelectionLimit={1}
onChange={this.hcRequestorPP}
showHiddenInUI={false}
principalTypes={[PrincipalType.User]}
ensureUser={true}
resolveDelay={1000}
defaultSelectedUsers={this.props.pRequestor}
disabled={false} />

我做错了什么？

Answer 1

Helo，您没有做错什么:-)根据我的知识，所需的属性将星号放在人们选择标签的旁边--仅此而已。

如果您想签入表单，如果用户已将某些内容放入人员选择器字段，则必须自行检查。

我的表格是：

1. 每个窗体值都存储在状态中。
2. 每个表单字段及其定义(名称、类型、必需、.)
3. 在提交表单之前，我正在检查是否每个必需的值都已被填充(代码如下)，如果没有填充，则将错误消息放在字段下。

。

下面是一个很好的示例：https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-list-form

检查所需的

let requiredError: boolean = false;
let fieldErrors: { [fieldName: string]: string } = {...this.state.fieldErrors};
// check required
for (let i: number = 0; i < this.state.fieldsSchema.length; i++) {
  if ((this.state.fieldsSchema[i].Required) && (!this.state.data[this.state.fieldsSchema[i].InternalName]) && (this.state.fieldsSchema[i].InternalName !== 'Aktivita')) {
    requiredError = true;
    fieldErrors = {
      ...fieldErrors,
      [this.state.fieldsSchema[i].InternalName]: strings.FormFields.RequiredValueMessage
    };
  }
}
if (requiredError === true) {
  this.setState({
    ...this.state,
    fieldErrors: fieldErrors,
    requiredFieldEmpty: requiredError
  });
  return;
}