Question

我有一个带有表单的简单React无状态组件。

<form
  action="http://externalsite.com/?param1=value1"
  method="get"
  target="_blank"
>
  <input type="text" name="address" id="address" />
  <input
    className="btn"
    type="submit"
    value="Submit"
  />
  </div>
</form>

提交表单后，数据将作为

传递到外部站点

http://externalsite.com/?param1=value1&address=word1+word2+word3

如何使用正确的网址编码提交表单？

http://externalsite.com/?param1=value1&address=word1%20word2%20word3

更新：我知道我可以处理提交事件并在提交之前手动编码。是否有理由不自动执行此操作？

Answer 1

在提交表单后，您需要从表单数据创建url字符串，如下所示。

(function (address='address', word='word1 and word 2') {

var url = 'somthing.com';
var parm1= `address=${address}`;
var parm2=`word=${word}`;

var url = [url, parm1, parm2];
//here join(&) create a required url
console.log(url.join('&')); })();

React Form不编码数据

1 个答案: