子衿沉夜
2023-05-19 18:16:47
在 ReactJS 中加載頁面時(shí)如何提交form?<form id="redirectForm" method="post" action="https://test.cashfree.com/billpay/checkout/post/submit"> <input type="text" name="appId" value={this.state.appId}/> <input type="text" name="orderId" value={this.state.orderId}/> <input type="text" name="orderAmount" value={this.state.orderAmount}/> <input type="text" name="orderCurrency" value={this.state.orderCurrency}/> <input type="text" name="orderNote" value={this.state.orderNote} /> <input type="text" name="customerName" value={this.state.customerName}/> <input type="text" name="customerEmail" value={this.state.customerEmail} /> <input type="text" name="customerPhone" value={this.state.customerPhone} /> <input type="text" name="returnUrl" value={this.state.returnUrl} /> <input type="text" name="notifyUrl" value={this.state.notifyUrl} /> <input type="text" name="signature" value={this.state.signature}/> <button type="submit">Pay</button></form>Java腳本:<script>document.getElementById("redirectForm").submit();</script>
1 回答

互換的青春
TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊
你實(shí)際上可以為表單創(chuàng)建一個(gè)ref,如果組件是類組件,你可以用來componentDidMount提交表單,或者如果是功能組件,你可以通過useEffect
<form ref={item => this.form = item} id="redirectForm" method="post" action="https://test.cashfree.com/billpay/checkout/post/submit">?
.....
</form>
在您的 React 組件中,您可以使用以下方法創(chuàng)建 ref:
class SampleClass extends React.Component {
? ?constructor() {
? ? ?this.form = null
? ?}
? ?componentDidMount() {
? ? this.form.submit();
? ?}
}
您可以使用 useRef 和 useEffect 將類似的邏輯應(yīng)用于功能組件。
添加回答
舉報(bào)
0/150
提交
取消