我在react js中遇到了一个问题,有一个到页面的路由,例如https://localhost:3000/profile?abc=123,URL被成功浏览,但问题是当我点击按钮时(我使用Axios点击此按钮时调用API)在我的网站中,然后URL中的查询参数自动删除,就像这样,https://localhost:3000/profile。我已经调试过了,当Axios调用启动时,参数被删除。任何帮助都将不胜感激。
ktca8awb1#
我也有同样的问题。原来我用的是<Link to='' />。把它改成<Button />就解决了这个问题。
<Link to='' />
<Button />
yftpprvb2#
我也遇到了同样的问题。问题是React在后台调用另一个方法,这将在没有查询参数的情况下重新路由。这是与HTML元素关联的默认方法的问题。更多信息请参见this。要解决这个问题,在执行完你需要的任何操作后,在按钮的onClick处理程序中调用事件的preventHandler()。在我的例子中,它是:
onClick
preventHandler()
const keyDownHandler = (e) => { if (e.keyCode === 13) { // do something e.preventDefault(); } };
字符串
2条答案
按热度按时间ktca8awb1#
我也有同样的问题。原来我用的是
<Link to='' />
。把它改成<Button />
就解决了这个问题。yftpprvb2#
我也遇到了同样的问题。问题是React在后台调用另一个方法,这将在没有查询参数的情况下重新路由。这是与HTML元素关联的默认方法的问题。更多信息请参见this。
要解决这个问题,在执行完你需要的任何操作后,在按钮的
onClick
处理程序中调用事件的preventHandler()
。在我的例子中,它是:字符串