javascript - 模态 - 保持默认值

Question

我正在使用 Bootstrap 和 React 创建一个模态。

在其中，我有一个下拉列表，其中有一个空元素作为其第一个选项:

<select class="form-control" onChange={this.handleSelectCat}>
    <option disabled selected></option>
    <option>A</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
</select>

如果我选择一个选项:

如果我关闭模态，当我打开它时，我会得到之前选择的选项作为我的默认值。

如何使每次打开模态时默认为空选项？

Answer 1

在关闭模式时，触发一个方法来重置下拉列表的选择。