reactjs 点击按钮时,查询参数从React路径中删除

qgelzfjb  于 12个月前  发布在  React
关注(0)|答案(2)|浏览(101)

我在react js中遇到了一个问题,有一个到页面的路由,例如https://localhost:3000/profile?abc=123,URL被成功浏览,但问题是当我点击按钮时(我使用Axios点击此按钮时调用API)在我的网站中,然后URL中的查询参数自动删除,就像这样,https://localhost:3000/profile。我已经调试过了,当Axios调用启动时,参数被删除。任何帮助都将不胜感激。

ktca8awb

ktca8awb1#

我也有同样的问题。原来我用的是<Link to='' />。把它改成<Button />就解决了这个问题。

yftpprvb

yftpprvb2#

我也遇到了同样的问题。问题是React在后台调用另一个方法,这将在没有查询参数的情况下重新路由。这是与HTML元素关联的默认方法的问题。更多信息请参见this
要解决这个问题,在执行完你需要的任何操作后,在按钮的onClick处理程序中调用事件的preventHandler()。在我的例子中,它是:

const keyDownHandler = (e) => {
    if (e.keyCode === 13) {
      // do something
      e.preventDefault();
    }
  };

字符串

相关问题