[英]redirect in formik with yup react?
我正在玩formik和yup的反應,我想知道go在成功請求后進行重定向的最佳方法是什么?
我嘗試傳入歷史 object 但它給了我一個錯誤,說它是全局的:
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 ,並且這是其中一條路線,那么您將擁有 props 的history
。
我創建了一個小示例,請查看。
https://stackblitz.com/edit/react-formik-form-validation-gge2u7?file=App%2FApp.jsx
window.location.replace('/homepage'); // 在handleSubmit 中使用這個。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.