程序员经验分享-hwhale

如何以编程方式更新反应路由器中的查询参数？

2024-01-25

我似乎无法找到如何在不使用的情况下使用react-router更新查询参数<Link/>. hashHistory.push(url)似乎没有注册查询参数，并且您似乎无法传递查询对象或任何内容作为第二个参数。

如何更改网址/shop/Clothes/dresses to /shop/Clothes/dresses?color=blue在反应路由器中不使用<Link>?

并且是一个onChange函数真的是监听查询更改的唯一方法吗？为什么查询更改不能像参数更改那样自动检测和反应？


内push的方法hashHistory，您可以指定查询参数。例如，

history.push({
  pathname: '/dresses',
  search: '?color=blue'
})

or

history.push('/dresses?color=blue')

你可以看看这个存储库 https://github.com/mjackson/history有关使用的其他示例history

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

ReactJS

reactrouter

如何以编程方式更新反应路由器中的查询参数？ 的相关文章

随机推荐

  • 如何在 Google 地图 V2 中启用特定路线的路况信息？

    Google 导航仅显示给定路线的交通图层 和GoogleMap setTrafficEnabled true 我会获取整个地图的交通信息 我知道如何从 Google Directions 中绘制路线的折线 但如何仅打开该路线的交通图层 从

  • Spark Cassandra 连接器 - where 子句

    我正在尝试使用 Spark 和 Datastax 发布的新连接器对存储在 cassandra 中的时间序列数据进行一些分析 在我的架构中 分区键是仪表 ID 我只想对特定系列运行 Spark 操作 因此我需要按仪表 ID 进行过滤 然后我想

  • 每当一个或其他字段模型发生变化（每次击键）时，使用 Angular 指令验证密码并确认密码字段

    我目前有一个 Angular 指令 可以验证密码并确认密码字段是否匹配 它在某种程度上有效 当密码不匹配时它确实会抛出错误 但是 在您在两个字段中输入数据之前 它不会引发错误 如何才能在一个字段或另一个字段中输入数据时立即抛出密码不匹配的错

  • 设计视图中底部导航的实时视图不显示图标和菜单资源

    enter image description here 2 2 The bottom navigation view is not showing the icons in it in the live design view of th

  • 如何使用 C# 在 WPF 运行时动态添加文本框控件

    我是 WPF 新手 我想在运行时单击 生成 按钮时为每一行创建 3 个文本框 请帮我 自动创建的文本框 https i stack imgur com 21blt png Code behind private List

  • 如何从 QDialog 的 const 方法显示 QMessageBox？

    我已经子类化了QDialog我创建了一个const方法 因为我想绝对防止修改我的实例 现在 如果发生某个错误 我想使用QMessageBox来显示它 但我不能使用this作为消息框的父级 因为this is const 这是一个遗憾 根据文

  • 在 iOS 中创建 RGB CVOpenGLESTexture

    我正在尝试创建一个3通道 CVOpenGLESTexture in iOS 我可以成功创建一个单通道通过指定纹理kCVPixelFormatType OneComponent8 in CVPixelBufferCreate and GL L

  • 使用 PDFBox 获取文本行的位置

    我正在使用 PDFBox 从 pdf 中提取信息 我当前尝试查找的信息与该行中第一个字符的 x 位置相关 但我找不到任何与如何获取该信息相关的信息 我知道 pdfbox 有一个名为 TextPosition 的类 但我也无法找到如何从 PD

  • VBA Excel制作连续数字数组

    我目前正在使用 VBA for Excel 但实际上只精通 Matlab 对于我的工作来说 出于时间目的 保留在 vba 的内存中 而不是 excel 的工作表 非常重要 我需要做的是创建一个连续整数数组 比如 4000 到 5000 在

  • Vue.js 计算属性在通过事件传递时会失去其反应性

    我有一个Modal我的主应用程序中的组件 每当必须显示模式时 它都会通过事件获取传递的内容 模态内容始终是一个列表 其中包含与每个项目关联的操作 例如 选择 或 删除 Vue component modal data return show

  • JavaScript onHover 事件

    有没有规范的方法来设置JSonHover事件与现有的onmouseover onmouseout和某种计时器 或者当且仅当用户将鼠标悬停在元素上一定时间时触发任意函数的任何方法 像这样的事情怎么样

  • 如何摆脱TListBox垂直滚动限制？

    我已经实现了日志查看器使用TListBox在虚拟模式下 http blog synopse info post 2011 08 20 Enhanced Log viewer 它工作正常 对于我编写的所有代码 按预期显示内容 我什至轻松添加了

  • SSE 寄存器返回且 SSE 禁用

    我处于以下情况 我正在为不允许 SSE 指令的内核编写代码 我需要进行浮点运算 我正在针对 x86 64 平台进行编译 这是说明该问题的代码示例 int main int argc char argv double d 0 0 dbase

  • Google Play 游戏服务警报：“检测到不正确的实施”

    我最近在 Google Play 开发者控制台中收到了有关我的游戏的以下警报 检测到不正确的实施 您的游戏错误地实现了以下 Play 游戏服务 成就 它提供了一个链接帮助页面 https support google com googlep

  • 分区表视图索引选择突出显示

    我觉得这应该是一个简单的属性 但我一生都在寻找 但找不到答案 我的表格右侧有一个表格视图索引 选择后 所有内容都会变灰 我想模仿 iPod 应用程序 当选择索引本身时 它是半透明的 alpha 可能为 0 4f 有任何想法吗 据我发现 这可

  • 在执行 DataBind 之前如何对 DataSet 进行排序？

    我有来自数据库的数据 格式为DataSet 然后我将其设置为DataSource在执行之前的网格控件DataBind 我想排序DataSet DataTable在一列上 该列在数据库中排序太复杂 但我希望可以像对通用列表进行排序一样对其进行

  • 编组变量参数 - __arglist 或替代方案

    描述我试图解决的问题的最佳方式是用代码进行讨论 我在这个论坛上看到很多 arglist 问题 但没有很多有用的答案 我知道应该避免 arglist 所以我愿意接受替代方法 在一个 C 模块中 我有如下内容 void SomeFunction

  • 什么是进程和线程？

    是的 我读过很多操作系统相关的资料 我还在读书 但似乎它们都在以 抽象 的方式描述进程和线程 这对它们的行为和逻辑组织做了很多高层的阐述 我想知道它们是什么身体上的 在我看来 它们只是一些内存中的 数据结构 由内核代码维护和使用 以方便程序

  • 我如何告诉 webdriver-io 使用 Firefox 开发者版本？

    我如何告诉 webdriver io 使用 Firefox 开发者版本而不是普通的 Firefox 我需要使用普通 Firefox 不支持的 CSS4 选择器 我阅读了文档 但找不到该选项 您需要通过设置重新定义 Firefox 的位置bi

  • 如何以编程方式更新反应路由器中的查询参数？

    我似乎无法找到如何在不使用的情况下使用react router更新查询参数 hashHistory push url 似乎没有注册查询参数 并且您似乎无法传递查询对象或任何内容作为第二个参数 如何更改网址 shop Clothes dres

热门标签