将参数从一个箭头函数传递给另一个？

Question

我在 Reactjs 中使用 formik 并且有一个 onSubmit 方法，它有一个 setSubmitting 参数。 我想将它传递给我的“then”方法，但不确定如何执行此操作。

  onSubmit={(values, { setSubmitting, setErrors }) => {

            setSubmitting(true);

            // how can I get away from doing this.
            const submitting = setSubmitting;

              ajaxMethod(values)
              .then(() => {
                submitting(false);  // how could I just call setSubmitting.             
              })
              .catch((error, ) => {

                submitting(false);
              });
          }}

编辑

 <Formik
          initialValues={{
          }}
          validationSchema={Yup.object().shape({
          })}
          onSubmit={(values, { setSubmitting, setErrors }) => {
            setSubmitting(true);

            const submitting = setSubmitting;

            ajaxMethod(values)
              .then(() => {
                setSubmitting(false);
              })
              .catch((error, setSubmitting) => {
                setSubmitting(false);
              });
          }}
          render={props => (
            <Form autoComplete="off" id="record-payment-form">

            </Form>
          )}
        />


 ajaxMethod: flow(function*(formData) {

    })

Answer 1

您根本不需要那个本地submitting变量。 只需调用setSubmitting ：

(values, { setSubmitting, setErrors }) => {
    setSubmitting(true);

    ajaxMethod(values).then(() => {
        setSubmitting(false);
    }).catch((error) => {
        setSubmitting(false);
    });
}

顺便说一句，您可能希望使用finally代替：

(values, { setSubmitting, setErrors }) => {
    setSubmitting(true);

    ajaxMethod(values).finally(() => {
        setSubmitting(false);
    });
}