是否可以通過單擊單獨的按鈕清除人員選擇器中的值

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}
/>