Question

我是新来响应js的人，我需要将数据从表单发送到另一个付款表单，然后像常规html中的表单操作一样打开该付款表单，我不知道如何在react js中做到这一点，我正在使用提取方法，但是我可以发布数据，但是无法打开用我发送的数据重新填充的付款表格（类似<form action="/action_page.php" method="post">）

这是我的表格：

<form className="container-fluid" onSubmit={this.handleFormSubmit}>
  <Select
    title={"amount"}
    name={"amount"}
    options={this.state.amountOptions}
    value={this.state.newUser.amount}
    placeholder={"Select amount"}
    handleChange={this.handleInput}
  />{" "}
  {/* Age Selection */}
  <CheckBox
    title={"gender"}
    name={"gende"}
    options={this.state.gendeOptions}
    selectedOptions={this.state.newUser.gender}
    handleChange={this.handleCheckBox}
  />{" "}
  {/* gende */}
  <Button
    action={this.handleFormSubmit}
    type={"primary"}
    title={"Submit"}
    style={buttonStyle}
  />{" "}
  {/*Submit */}
  <Button
    action={this.handleClearForm}
    type={"secondary"}
    title={"Clear"}
    style={buttonStyle}
  />{" "}
  {/* Clear the form */}
</form>

此表单操作：

handleFormSubmit(e) {
    e.preventDefault();
    let userData = this.state.newUser;

    fetch('https://paymentform',{           
        method: "POST",   
        body: JSON.stringify(
            userData
        ),
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'text/html; charset=utf-8',
            'Cache-Control' : 'private',
            'x-frame-options' : 'SAMEORIGIN'    
        },
    }).then(response => {
        response.json().then(data =>{
            console.log("Successful" + data);
        })
    })
}

我需要使用发送的数据打开付款表单（付款表单将自动填充我们发送的数据），我唯一需要做的就是如何对其进行html表单操作 <form action="/action_page.php" method="post">

如何将数据发布到其他表单并在react js中打开该表单

0 个答案: