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?