Tengo un select que funciona bien pero quiero aparte del value enviar un dato adicional llamado descripcion pero no se como 


```
<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 asi trato de enviarlo pero no llega a mi funcion

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

el value lega perfectamente pero descripcion no esta llegando que puedo hacer