Skip to main content
3 de 3
Identación del código y mejoras en redacción.

Enviar datos adicionales al value en select (react)

Tengo un select que funciona bien pero quiero aparte del value enviar un dato adicional llamado "descripción" pero no sé cómo.

<div className="col-lg-4">
    <div className="row mx-auto mb-3">
        <label className="p-0 my-auto col-sm-6 col-form-label">PROMO CODE</label>
        <select onChange={(e) => this.changePromo(e)} className="form-control form-control-sm">
             <option value={this.state.promocode}>{this.state.lng["0"]["IndividualReservation"]["btnTab"]}</option>
             {this.state.PromoData.map((code) =>
                 <option key={code.idconf_promocode} value={code.promocode_name} descripcion={code.descripcion}>{code.promocode_name} </option>)
             }
        </select>
    </div>
</div>

Ese es el select y así trato de enviarlo, pero no llega a mi función

changePromo = (e) => {
    this.state.resevaDirecta.promocode = e.target.value;
    this.state.resevaDirecta.descPromocode = e.target.descripcion;
}

El value llega perfectamente, pero descripcion no está llegando.

¿Qué puedo hacer?