office-fabric - 是否可以通过单击单独的按钮来清除人员选择器中的值

Question

我想通过单击按钮清除 NormalPeoplePicker 中选择的值，但将状态控制的“defaultSelectedUsers”值设置为 [] 不起作用：

<PeoplePicker
  people={data.user}
  title={"Users"}
  onChange={handleChange}
  defaultSelectedUsers={this.state.selectedPersons}
  itemLimit={5}
  onSearchPeople={handleSearch}
/>
<PrimaryButton
  text={"Clear"}
  onClick={() => {this.setState({selectedPersons: []}}
/>

有没有办法做到这一点？

谢谢！！

Answer 1

将 defaultSelectedUsers 更改为 selectedUsers 并将值 (selectedPersons) 设置为空数组。

<PeoplePicker
  people={data.user}
  title={"Users"}
  onChange={handleChange}
  selectedUsers={this.state.selectedPersons}
  itemLimit={5}
  onSearchPeople={handleSearch}
/>