tengo un problema, estoy trabajando con react js, tengo varios input a los que les hice validaciones para que muestre un mensaje si ingresó más o menos caracteres de los que deben ser:
<label htmlFor='serie'>Número de serie</label>
<input
type='text'
name='serie'
value={data.serialNumber}
onChange={e=> {
e.preventDefault()
setErrorValidation(false)
if((e.target.value.length >= 10) && (e.target.value.length < 18)) {
setData({...data, serialNumber: e.target.value.toUpperCase()})
setErrorSerial(false)
} else setErrorSerial(true)
}}
/>
pero cuando quiero eliminar todo lo del input no me deja, ya no pasa de los 10 caracteres. Alguien podría ayudarme por favor a entender que es lo que me está fallando? Gracias