React.js - 如何在页面加载时提交表单？

Question

我有一个表单，需要在页面加载时加载它：

<form name="myform" method="POST" className={classes.root} target="mydiv" 
    action="https://example.com/submit" onLoad={() => (this.submit())} >

我希望mydiv在页面加载时填充表单结果（就像我单击提交按钮时所做的那样），但事实并非如此。 什么诀窍？

Answer 1

向您的表单添加一个 ref 并在使用 useEffect 挂钩安装组件时提交它：

import {useRef,useEffect} from 'react'

....

let form=useRef();

useEffect(()=>{
  form.current.submit();
},[])
....
<form name="myform" ref={form} method="POST" className={classes.root} target="mydiv" action="https://example.com/submit"  >

Answer 2

如果要引发表单的 onsubmit 事件处理程序，请使用 form.current.requestSubmit() https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit