javascript - onSubmit 导致不必要的 url 更改

Question

我正在使用 ReactJS。我有一个表单，并且该表单的“onSubmit”我想获取表单的内容，然后重定向到另一个页面。这种工作方式除了改变我不想要的网址之外。我希望它重定向到的是:

本地主机:3000/某个网站

但它变成了:

localhost: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

请添加 event 作为 urlSubmit 方法的参数，并添加 event.preventDefault(); 作为该方法的一部分，以避免刷新/URL 更改对表单提交产生影响。

&您不需要 action="/somewebsite" 作为表单的一部分

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

希望这有帮助。