我在 React 中使用 Formik 和 Yup,当我单击提交按钮并触发 onSubmit 事件时,在事件内部,fetch 函数调用了两次,
import React, { Component } from 'react';
import Button from '@material-ui/core/Button';
import Container from '@material-ui/core/Container';
import { TextField } from 'formik-material-ui';
import { Formik, Field, Form } from 'formik';
import * as Yup from 'yup';
class LoginForm extends Component {
constructor(props) {
super(props);
this.state = {classes: this.props.classes, isLoading: false }
}
render() {
return (
<Formik
initialValues={initialFormValues}
validationSchema={validationFrom}
onSubmit={(values, actions) => {
this.setState({ isLoading: true });
console.log(values);
actions.setSubmitting(false);
console.log('SUCCESS!! :-)\n\n' + …Run Code Online (Sandbox Code Playgroud)