小编Kar*_*nan的帖子

React Formik onSubmit RestAPI 调用两次,一次单击提交按钮

我在 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)

reactjs formik

2
推荐指数
1
解决办法
2449
查看次数

标签 统计

formik ×1

reactjs ×1