如何使用React在<select>输入中显示修改后的选定选项文本？

Question

我正在尝试实现如下图所示的模拟设计那样的效果，其中关闭下拉菜单时，在选定的选项文本之前会显示optgroup标签（或实际上是任何文本），但在以下情况下不在列表中下拉菜单已打开。甚至可能还是特定于浏览器的功能？

<select
    type="responsible"
    id="responsible"
    onChange={this.handleChange}
    value={this.state.responsible}
>
    {/* TODO: get options from json */}
    <optgroup label="Me">
    <option value="Name Surname">
        Name Surname
    </option>
    </optgroup>
    <optgroup label="Others">
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
    </optgroup>
</select>