我正在与formik和yup交流,我想知道在成功请求后进行重定向的最佳方法是什么?
我尝试传递历史对象,但是它给了我一个错误,说它是全局的:
const SignUp = withFormik({
mapPropsToValues({
username,
email,
password,
passwordConfirm,
registerUser
}) {
return {
username: username || '',
email: email || '',
password: password || '',
passwordConfirm: passwordConfirm || ''
};
},
validationSchema: Yup.object().shape({
username: Yup.string()
.required('must have username')
.min(5, 'username must be 5 characters long'),
email: Yup.string()
.email('Please enter a valid email')
.required('Email is required'),
password: Yup.string().required('No password provided.'),
passwordConfirmation: Yup.string().oneOf(
[Yup.ref('password'), null],
'Passwords must match'
)
}),
handleSubmit(values, { resetForm }) {
const user = {
username: values.username,
email: values.email,
password: values.password
};
//registerUser(user)
//re direct here ?
resetForm();
}
})(SignUpPage);
export default SignUp;
如果您使用的是React Router,并且这是路由之一,则道具中将带有history
。
我创建了一个小示例,请检查一下。
https://stackblitz.com/edit/react-formik-form-validation-gge2u7?file=App%2FApp.jsx