时间戳

首页 > 解决方案 > onSubmit 使不需要的 url 更改

javascript - onSubmit 使不需要的 url 更改

问题描述

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

本地主机：3000/somewebsite

但它变成了：

本地主机：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>

标签： javascripthtmlreactjs

解决方案

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

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

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

希望这可以帮助。

推荐阅读