未选择任何内容时，语义UI React Dropdown不会清空搜索输入

Question

请考虑以下官方网站上的下拉菜单： https://react.semantic-ui.com/modules/dropdown/

我想要实现的目标：

1. 键入例如“ foo”
2. 在下拉列表中找不到结果
3. 在下拉列表之外单击
4. 下拉菜单关闭，并且“ foo”仍在搜索输入中
5. 删除“ foo”字符串
6. 在搜索输入之外单击
7. 再次显示占位符

行为方式：

1. 键入例如“ foo”
2. 在下拉列表中找不到结果
3. 在下拉列表之外单击
4. 下拉菜单关闭，搜索输入为空
5. 占位符未显示

我尝试过的事情：

<Dropdown
    selection
    onClose={this.handleSearchServerClose}
    options={this.props.headerStore.searchServerResult.slice(0, 15)}
    placeholder='Search server'
    value={this.state.serverQuery}
    onSearchChange={this.handleSearchServerChange}
    search
/>

handleSearchServerChange = (e) => {
    this.setState({
        serverQuery: e.target.value
    })

    if (e.target.value.length > 1) {
        searchServers(e.target.value)
            .then(res => {
                this.props.searchServersAction(res.data)
            })
    }
}

handleSearchServerClose = (e, { value }) => {
    var route = "/server/details/" + this.state.serverQuery
    this.props.history.push(route)  
}

有什么方法可以在不选择任何内容的情况下保留搜索中的输入吗？