Quiero hacer una lógica antes de enviar que establezca que el valor de entrada no debe ser un valor vacío y debe ser mayor que 0.
const minValue = (input) => { if(input < 0){ alert('input has to be greater than 0') }else{ return input; } } <Form className = "workout-form"> <div className ="form-row"> <label className ="form__label">Distance</label> <input type = 'number' value = {distance} min = '0' onChange = {(e) => setDistance(minValue(e.target.value))} className ="form__input form__input--distance" placeholder="mi" autoFocus required/> </div> <button className ="form-btn" onClick = {submitWorkout}>Add Workout</button> </Form>Si este código funciona para verificar valores negativos, debería poder cambiar if (input < 0) a if ((input < 0) || (input != ""))
const handleChange = e => { const value = parseInt(e.target.value); if(!isNaN(value) && value > 1){ setDistance(value) } } onChange={handleChange}