Estoy tratando de obtener un valor de la etiqueta <select> <option> . Seleccionar etiqueta es así
<select name="pref" className="XXXX" onChange={getValue}> {areaData.map((area, index) => ( <option key={index} value={area.areaCode}>XXXXX</option> ))} </select>Di un número aquí en value={area.areaCode}
Entonces, obtener la función de valor es así
const getValue = function (e: any) { const areaCodeString = e.target.value const areaCodeNumber = e.target.valueAsNumber console.log(areaCodeString); console.log(areaCodeNumber); }pero la salida dijo que areaCodeString es "1" (cadena) y areaCodeNumber es "indefinido". Quiero obtener este valor como número, pero no funciona. ¿Cómo puedo obtener el valor como número? Pensé que e.target.valueAsNumber era la única solución.
Simplemente puede analizarlo como Number .
const areaCodeNumber = Number(areaCodeString) Alternativamente, puede usar parseInt o parseFloat .
Nota: no tiene la propiedad valueAsNumber en e.target , es por eso que le da undefined .
Consulte: https://stackoverflow.com/a/12813049/11566161
https://cullenwebservices.com/javascript-numbers-number-parseint-parsefloat/
Puedes probar
const areaCodeNumber = Number(e.target.value)