В react-tag-autocomplete lib необходимо добавить предложения вручную. Итак, я создал новый компонент под названием ReactTagsSuggestions для списка предложений.

Как очистить поле ввода ReactTags

 {amp}lt;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} /{amp}gt; {amp}lt;ReactTagsSuggestions suggestionList={tagSuggestions} showSuggestions={tagSuggestions.length {amp}gt; 0} checkToShare={this.props.checkToShare} /{amp}gt; 

Как насчет того, чтобы создать такую ​​функцию?

 handleDelete = () ={amp}gt; { this.setState({ tags: [] }) } 

и передать это компоненту ReactTags

 {amp}lt;ReactTags . . handleDelete={ this.handleDelete } /{amp}gt; 

?

Чтобы очистить поле ввода ReactTags вы можете сбросить selectedTags в пустой массив:

 clearTag() { this.setState({ selectedTags: [] }); } // Call the clearTag somwhere in your app {amp}lt;button type="button" onClick={this.clearTag}{amp}gt;Clear tags{amp}lt;/button{amp}gt; 

Пример: https://codesandbox.io/s/react-tags-v9mft