程序员经验分享-hwhale

React Router 中的 match.url 到底是什么？

2023-12-27

我在 React Router 文档中看到您传递到组件中match道具，你可以打电话match.url，但您似乎从未真正将任何内容传递给组件。那么 match 到底是什么？你从哪里得到它？


希望这可以帮助：https://reacttraining.com/react-router/web/api/match https://reacttraining.com/react-router/web/api/match

You get match在 props 中，通常当你的组件被 Route 调用时，你会得到它，并且你可以将它作为常规 props 传递给其他组件来提取或使用信息。

location与react-router交互时也非常有用。我通常使用 match 来进行渲染和重定向，具体取决于isExact标志和位置以获取浏览器具有的实际 URL。

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

javascript

ReactJS

reactrouter

React Router 中的 match.url 到底是什么？ 的相关文章

  • 如何在反应组件中使用聚合物组件？是否可以？

    我已经使用谷歌的聚合物来制作网络组件 但我也很有兴趣尝试一下 React 所以我想知道是否可以从反应组件的渲染函数内部使用聚合物组件 对的 这是可能的 我使用的方法有点复杂 但我很乐意分享 如果您已经使用过聚合物 则只需像使用任何其他聚合物

  • Javascript 进程是否有多个执行线程？

    背景 我正在创建一个 地址簿 类型的应用程序 有很多条目需要加载 一个想法是首先加载一小部分条目 让用户开始 然后将剩余条目排队 优先考虑用户单击的条目 例如 如果他们单击以 X 开头的名称 请先加载这些名称 然后再处理队列的其余部分 这个

  • 如何在React Native的MapView中设置标记

    我想在React Native中的MapView上设置一个标记 但是通过官方文档找不到任何信息MapView https facebook github io react native docs mapview html content 如

  • 以下文档我无法创建 Vue.js 3 的实例

    The code https stackblitz com edit vue ttt file src main js https stackblitz com edit vue ttt file src main js 问题 我正在尝试在

  • Apache Thrift Java-Javascript 通信

    我正在编写一个基于 Apache Thrift 的 Java 服务器 它将从 Javascript 客户端接收数据 我已经完成了 Java 服务器 但问题是我可以获得 Javascript 客户端的工作示例 我无法找到一个好的示例 构建文档

  • 使用javascript以编程方式触发iOS safari中的复制菜单？

    我正在尝试实现一种用户友好的方式 将一些文本从文本输入字段复制到 iOS Safari 上的剪贴板 我知道无法在这个平台上以编程方式完成此操作 但我希望能够尽可能地指导用户体验 在 iOS Safari 上 当用户手动突出显示某些文本时 会

  • .points 不透明度/大小在三个.js 内

    我回来回答有关 points 的第二个问题 这次想知道如何将不透明度从 0 更改为 1 然后又回到距发射器的特定像素距离内 var particleCount 14 particles new THREE Geometry pMateria

  • 使用 float:left 与 display:inline-block 的 jQuery UI 拖放排序比较

    我这里有两个例子 这两个例子之间的唯一区别是 一种使用display inline block 另一种使用float left li doc item 显示 内联块 与 li doc item float left 我的问题是 displa

  • jQuery：将文本区域滚动到给定位置

    我有一个包含很多文本的文本区域

  • 可以禁用幻灯片的触摸模拟但不能禁用滚动条（危险的滑动器）吗？

    我的页面上有一个危险的滑动器 它成功地模拟了幻灯片和随附滚动条上的触摸事件 允许单击鼠标并移动以向左或向右滑动幻灯片 这很好 但我现在在滑动器内的幻灯片上调用了可拖动 这意味着我需要停止此触摸模拟 拖动幻灯片并同时移动它们会引起混乱 但仅限

  • Angular2：动态同步http请求

    Goal 发出一系列同步 http 请求并能够将它们作为一个可观察流进行订阅 示例 不工作 let query arr test1 test2 test3 function make request query arr if query a

  • ES6 模块范围

    我有代码 lib js var a a export var b b main js console log a a variable is not available in a global scope import b from lib

  • 从字节数组设置 img src

    我需要设置img src我在对象中拥有的字节数组的属性 img

  • 在反应中访问回调内的 event.target

    我有以下课程片段 constructor props super props this timeout null search e gt clearTimeout this timeout this timeout setTimeout f

  • 了解 Document.createElement()

    我在用着GWT及其底层DOM能力 我基本上想要实现的是 Have a div包含一些文本的元素 其中一些文本将被包围span元素 span 元素可相互拖动并提供上下文菜单 New span元素可以由最终用户动态创建 它可能是这样的 在应用程

  • 当php脚本通过ajax运行时显示进度条

    我有一个通过 ajax 向服务器提交值的表单

  • React Redux - 在辅助函数中访问现有存储

    我试图在反应组件之外获取存储实例 存储状态 即在单独的辅助函数中 我有我的减速器 我的动作 我在最上面的组件中创建了一个商店 configStore js import createStore from redux import gener

  • onPress 方法中箭头函数与普通函数的行为

    正在学习 Native React 并学习更多关于 javascript 的知识 所以我仍然不明白它的行为的很多事情 我使用 TouchableOpacity 及其 onPress 属性创建了一个按钮组件 为了让它工作 我必须发送我想要执行

  • Three.js点击单个粒子

    In this example http jsfiddle net agqq96bq 2 您可以看到 2 个可点击的粒子 但它们都受到点击的影响 另外 我只想检测粒子上的点击 而不将它们过滤出场景 像这儿 if intersects len

  • jQuery Mobile + Admob：轮换？

    我使用 jQuery Mobile 框架创建了一个移动应用程序 所有页面都在index php中加载 使用 div 在每个页面的页脚中 我添加了Admob代码 div div div

随机推荐

  • getDispatcherType() 对于 HttpServletRequest 类型未定义[重复]

    这个问题在这里已经有答案了 我已将 Java 动态 Web 项目导入到 Eclipse IDE 中 该项目已在 Eclipse IDE 中实现并正常工作 我收到一个 getDispatcherType 类型未定义HttpServletReq

  • 使用金字塔进行金字塔认证

    在金字塔文档中 Sqlalchemy Dispatch 教程使用虚拟数据security py 我需要使用mysql数据 所以我是这样实现的 我的登录代码 view config route name login renderer json

  • 使用 Chart.js 实现任意位置 50 个点的雷达图的最有效方法是什么

    考虑如下的数据序列 data angle 1 2 value 1 2 angle 355 2 value 5 6 我想在径向缩放图上显示这些数据 即指示每个点的值有多高的圆形带 以显示角度与值 每个数据集的角度都会发生微小但无法控制的变化

  • 并行执行多个AJAX请求，无需等待其他人响应

    我有一个问题 我需要执行多个 AJAX 请求 在一页上 请求同时开始 但他们似乎在等待前任返回 假设 page1 需要大约 3 秒来加载 第 2 页需要 2 秒才能加载 我得到的是 两者同时启动 page1 请求在 3 秒后返回 但问题是p

  • sed 删除行中除前 5 个字符之外的剩余字符

    使用 sed 删除行中除前 5 个前导字符之外的所有字符的 sed 命令是什么 我尝试过 向后 处理 恢复删除 但这不是最优雅的解决方案 这可能对你有用 GNU sed echo 1234567890 sed s 6g 12345 Or e

  • 使用映射字典更改字典的键

    我想通过传递映射字典和替换嵌套键的函数来替换字典的键名称 问题是我在嵌套字典中有多个名为 id 的键 我想用特定名称重命名这些 id 初始词典 initial dict id 1 netAmount 10 2 modifiedOn 2017

  • 如何使用 Google Web Toolkit 绘制图表？

    我正在考虑使用 Google Web Toolkit GWT 绘制图表的解决方案 到目前为止我只找到了gwt 图 http code google com p gwt diagrams 项目但似乎被放弃了 对于使用 GWT 绘制图表有什么建

  • 从函数返回后如何在Python中打印原始变量的名称？

    我有枚举并使用类似的变量myEnum SomeNameA myEnum SomeNameB等 当我从函数返回这些变量之一时 我可以打印它们的名称 例如myEnum SomeNameA 而不是他们返回的值 简短的回答 不 长答案 这可以通过使

  • Scipy 标签侵蚀

    如何在 numpy 数组中的标记区域周围保留一圈像素 在一个简单的情况下 我会减去侵蚀 当标签接触时 这种方法就不起作用了 我怎样才能得到B from A A array 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2 2 2

  • Jquery ajax 和 php die()

    我的 IE 有问题 我正在使用 jquery ajax 方法来调用 php 脚本 php 脚本只调用 die 在 Firefox 中 会显示错误消息 但在 IE 中 会显示成功消息 但不显示任何数据 我更喜欢调用错误函数 有没有什么办法解决

  • 无法获取本地颁发者证书 vscode

    我正在尝试安装 VSCode 的扩展 但无法获得本地发行人证书 我的设置 json Place your settings in this file to overwrite the default settings Controls th

  • URL 重写 GET 参数

    我希望我的网址如下所示 www website com home foo bar hello world 我只想改变第一个获取参数 然而实际的 幕后 网址是这样的 www website com index php page home fo

  • 高度与线高样式

    当处理永远不会超过一行的文本时 使用这两种方法有什么区别 从我所看到的关于元素顶部或底部的元素来看 它们都可以在屏幕上产生类似的结果 如果是的话为什么还要使用行高呢 使用高度会更有意义 编辑 一个示例是从内部带有文本的 div 创建的风格化

  • 如何在 Django 中使用模式？

    我想在 Django 中使用 PostgreSQL 模式 我该怎么做 也许这会有所帮助 DATABASES default ENGINE django db backends postgresql psycopg2 OPTIONS opti

  • 基于ListView创建XML文件

    我想创建一个基于 ListView 的 XML 文件 现在 我正在创建 ListView 的位图 使其成为可绘制对象 然后将其设置为相对布局的背景 像这样 public Bitmap getWholeListViewItemsToBitma

  • java.sql.SQLException：用户“root”@“localhost”的访问被拒绝（使用密码：YES）Spring boot

    我针对这个问题进行了很多搜索 但没有找到适合我的好的解决方案 我的数据库名称 employee management system 我的应用程序属性 spring datasource url jdbc mysql localhost 33

  • 如何在 ruby​​ 中进行命名捕获

    我想命名从扫描中捕获的字符串 怎么做 555 333 7777 scan d 3 d 3 d 4 flatten gt 555 333 7777 可以改成这样吗 area gt 555 city gt 333 local gt 7777 o

  • SSRS 2008 日期格式化和导出到 Excel 混乱

    假设我在 Reporting Services 模板中有一个带有日期值的字段 例如 CDate 2010 12 03 我将 d 格式应用于此单元格 根据描述 该格式 将反映报告的区域设置 我使用英语生成报告 日期显示为12 03 2010

  • Python 计划未按计划运行

    我使用下面的代码每 5 分钟执行一次 python 脚本 但是当它下次执行时 它不会像以前那样在精确的时间执行 例如 如果我在上午 9 00 00 准确执行它 则下次它在上午 9 05 25 执行 下次在上午 9 10 45 执行 由于我每

  • React Router 中的 match.url 到底是什么？

    我在 React Router 文档中看到您传递到组件中match道具 你可以打电话match url 但您似乎从未真正将任何内容传递给组件 那么 match 到底是什么 你从哪里得到它 希望这可以帮助 https reacttrainin

热门标签