quiero actualizar una lista de datos de campo con formik. tengo esta validacion
validationSchema: Yup.object().shape({ password: Yup.string() .min(4, 'Password must be at least 4 characters.') .required('Password must be at least 4 characters.'), .... }),Quiero que el usuario pueda establecer una contraseña de al menos una longitud de 4 y si el usuario no ingresa la contraseña, envíela como una cadena vacía. componente de contraseña
<FormControl fullWidth error={Boolean(formik.touched.password && formik.errors.password)} variant="outlined" > <InputLabel htmlFor="password">Password</InputLabel> <OutlinedInput id="password" name="password" inputProps={{ autoComplete: 'password', form: { autoComplete: 'off', }, }} type={showPassword ? 'text' : 'password'} onBlur={formik.handleBlur} onChange={formik.handleChange} value={formik.values.password} endAdornment={ <InputAdornment position="end"> <IconButton aria-label="toggle password visibility" onClick={() => setShowPassword(!showPassword)} onMouseDown={(event) => event.preventDefault()} edge="end" > {showPassword ? <VisibilityOff /> : <Visibility />} </IconButton> </InputAdornment> } label="Password" /> {formik.errors.password && <FormHelperText>{formik.errors.password}</FormHelperText>} </FormControl>pero con este código, si se toca el campo de contraseña pero no se ingresa ninguna contraseña, formik no permite enviar los datos. ¿Cómo puedo hacer eso? gracias de antemano
ACTUALIZAR:
enEnviar
onSubmit: (values) => { if ( values.password && values.password.length === 0 ) { delete values.password } dispatch(updateAccount({...values})) }, })Su código está funcionando como se esperaba. El require está siendo alcanzado al enviar, porque:
las cadenas vacías también se consideran valores 'faltantes'
Si no ingresa ningún valor, el envío será rechazado. Consulta la documentación aquí .
Para resolver su problema, solo necesita eliminar el require en la validación.