onSubmit 進行不需要的 url 更改

Question

我正在使用 ReactJS。 我有一個表單，該表單的“onSubmit”我想獲取表單的內容，然后重定向到另一個頁面。 除了這改變了我不想要的 url 之外，這種工作是有效的。 我希望它重定向到的是：

本地主機:3000/某個網站

而是變成：

本地主機:3000/somewebsite?input-form1=hello&input-form2=hi

這是我的代碼的樣子：

<form onSubmit={this.urlSubmit} action="/somewebsite">
  <input name="input-form1" placeholder="Enter URL" />
  <Form.Control name="input-form2" as="select" placeholder="Select language">
    <option value="XX">Select Language</option>
  </Form.Control>
  <button className="submit" type="submit">Submit</button>
</form>

Answer 1

請添加事件作為 urlSubmit 方法的參數並添加event.preventDefault(); 作為該方法的一部分，以避免刷新/ URL 更改對表單提交的影響。

& 你不需要action="/somewebsite"作為表單的一部分

urlSubmit = (event) => {
    event.preventDefault();
    // rest of your code goes here...
}

希望這可以幫助。