Javascript 清除React中的嵌套Select

我正在尝试清除一个select，当它成为第一个select并尝试应用时

getElementById（）

，onClick对我不起作用：

render() {
    const { origenes, destinos } = this.state;
    const { Linea } = this.props;
    const btnLinea = 'btn-'.concat(Linea);

    return (
        <div>
            <label className="label-title">Seleccione Tramo</label>
            <Select id="origen" className="select-tramo" options={origenes}  onChange={(env) => { this.changeOrigen(env, this.state.linea); }} placeholder="Ciudad de origen"/>
            <Select id="destino" className="select-tramo" options={destinos} onChange={(env) => { this.setState({ destino: env.value }); }} placeholder="Ciudad de destino"/>
            <div className="row" style={{ marginTop: 10}}>
              <div className="col text-center">
                <Button className={btnLinea} onClick={this.aplicarFiltro} ><i className="fa fa-search"></i> Buscar</Button>
              </div>
            </div>
        </div>
    );
  }

render（）{
const{origenes，destinos}=this.state；
const{Linea}=this.props；
常量btnLinea='btn-'。concat（Linea）；
返回(
塞莱奇奥尼特拉莫酒店
{this.changeOrigen（env，this.state.linea）；}}}占位符=“Ciudad de origen”/>
{this.setState（{destino:env.value}）；}}}占位符=“Ciudad de destino”/>
客车
);
}

我真的不确定您想要实现什么以及问题出在哪里。“我正在尝试清除一个选择”是什么意思？@lomse，我认为他所说的“清除一个选择”是指从下拉选择中取消选择所有选项…取消全部选择并将其设置为默认值。使用state变量生成步骤，然后在onClick事件集合上设置默认值