Question

在react-tag-autocomplete库中，需要添加手动建议。因此，我为建议列表创建了名为ReactTagsSuggestions的新组件。

如何清除ReactTags的输入字段

<ReactTags
  id="form-share"
  tags={selectedTags}
  // suggestions={tagSuggestions}
  handleAddition={this.props.handleAddition}
  handleDelete={this.props.handleDelete}
  placeholder={this.props.tags.length ? '' : tr('Share with users, groups, and channels')}
  tagComponent={this.selectedTags}
  handleInputChange={this.handleInputChange}
  autofocus={false}
/>
<ReactTagsSuggestions
  suggestionList={tagSuggestions}
  showSuggestions={tagSuggestions.length > 0}
  checkToShare={this.props.checkToShare}
/>

Answer 1

如果创建这样的函数怎么办

vec = c(1,1)

并将其传递给ReactTags组件

handleDelete = () => {
  this.setState({ tags: [] })
}

？

Answer 2

要清除ReactTags的输入字段，可以将selectedTags重置为空数组：

clearTag() {
  this.setState({ selectedTags: [] });
}

// Call the clearTag somwhere in your app
<button type="button" onClick={this.clearTag}>Clear tags</button>

示例：https://codesandbox.io/s/react-tags-v9mft

如何清除反应标签输入字段？

2 个答案: