ListItemPicker所选值未清除或重置sp-dev-fx-controls-react

问题描述

我在基于react的spfx项目解决方案的面板内使用ListItemPicker控件。我的面板中有一个重置按钮，单击重置按钮后，应清除ListItemPicker中的选定值。我将所选值保留在状态变量中，并尝试在单击“重置”按钮时清除状态。这正在清除状态变量的值（在控制台中检查），但是我能够在ListItemPicker HTML文本框中看到这些值。请建议我单击重置按钮后立即在ListItemPicker中清除所选值的可能方法。

示例代码：

<ListItemPicker
listId={GUID ID IS PASSED}
columnInternalName='Title'
keyColumnInternalName='Id'
itemLimit={10}
onSelectedItem={this.onTagSelectedItem.bind(this)}
context={this.props.context}
defaultSelectedItems={this.state.tagSelectedValues}
suggestionsHeaderText = "Suggested Tags"
/>

this.state.tagSelectedValues->我将选择的值保存在“ tagSelectedValues”状态变量中，并单击“重置”按钮，试图将状态设置为“ tagSelectedValues”为空（this.setState（{tagSelectedValues：[ ]}）;）。但这并不能立即清除ListItemPicker HTML文本框中的值。

谢谢！

解决方法

找不到可以存储所选项目的ListItemPicker属性，因此我们无法清除它。