如何检测表单是否已提交？

Question

我有反应的形式。
我需要检测表单是否已成功提交以在另一个表单中进行下一个请求

const formRef = React.useRef<HTMLFormElement>(null);

  useEffect(() => {
    if (formRef && formRef.current) {
      formRef.current.submit();
    }
  }, [formRef]);

 <>
          <form
            id="tdsMethodAcs"
            method="post"
            target="methodAcsFrame"
            action={three_ds_method_url}
            style={{ display: "none" }}
            ref={formRef}
          >
            <input
              type="hidden"
              name="methodAcsFrame"
              value={method_data_packed}
            />
            <input type="submit" />
          </form>
          <iframe name="tdsMethodAcsFrame" width="0" height="0"></iframe>
        </>

Answer 1

可能最短的方法是在提交表单时更改值的状态中创建一个变量。 有这样的想法：

const [formSubmitted, setFormSubmitted];
const onSubmit = () =>{
  //Do stuff
  setFormSubmitted(true);
}
useEffect(()=>{
   //Do another stuff
},[formSubmitted])