使用 React Router 4 对组件内的 url 更改做出反应?
我有一个可在不同网址上使用的组件.这是我的 app.js 的简化版本 {return ;}} 我传递
..
react-router-v4相关内容
react-router - 如何更改 url
我需要让用户编辑 url，“路径"出现在其他组件的输入中，并且在搜索输入时实时更改 url.如何使用“withRouter"来执行此功能? //App.js 组件类 App 扩展组件 {使成为() {const { 匹配，位置，历史} = this.props;返回 (
)}}使用Router(App)导出默认值
..
无法读取未定义的属性“历史"——react-router v4 &创建反应应用程序
我无法使用链接导航，这是我的代码 文件夹结构 组件----App.js- - 家- - 家索引.js index.js 从'react'导入React；从 'react-dom' 导入 ReactDOM；从 './registerServiceWorker' 导入 registerServiceWorker；从'./components/App'导入应用程序；ReactDOM.re
..
如何在 Reactjs 中使用 react-router-dom 进行路由?
我制作了 3 个组件 1)导航栏 2)内容 3)分页 在主页上我想显示所有 3 个组件.我制作了另一个组件 Matchinfo，当我们点击 view stats 按钮时应该会显示它(更多说明请参见屏幕截图). 在 app.js 中，我应该如何使用路由，以便在主页上显示 3 个组件，即 localhost:3000/ 并且当我点击 view stats 时按钮它应该呈现
..
React Router Dom 受保护的路由在刷新页面期间始终重定向到登录
我正在构建一个完整的堆栈 React 应用程序.我已经实现了 React 路由器 v4 保护路由.一切顺利，但问题是用户登录刷新链接后，它重定向到登录页面. 这是 auth.js 代码:它用于在登录和注销时检查身份验证. class Auth {构造函数(){this.authenticated = false;}登录(CB){this.authenticated = true;cb();
..
改造“路线孩子"和“克隆元素"到路由器V4
我想在 React 项目中编写一个路由器.但是 Route children 和 cloneElement 不再适用于版本 4.我还没有找到演示或导师来教如何在路由器版本 4 中传递值. 有人想解决这个问题吗? 我在 Github 上的项目:https://github.com/LeMueller/Musicplayer-by-react/tree/dev 非常感谢. impo
..
在 React 中单击导航栏标题上的注销按钮后，如何重定向到登录页面?
我是 React 的新手.我在 App.js 中有这样的反应路由器配置:
..
如何使用 React-Router V4 转义路径内的颜色字符 (:)?
我有一个看起来像这样的网址: /foo/bar/main:home/foo/bar/main:about_us/foo/bar/main:contact_us 如您所见，我在 url 中有 :，需要考虑到这一点.我想要的是将组件 Home 与 /foo/bar/main:home 匹配，但任何其他路径 /foo/bar/main:XXXXX> 匹配组件默认. 到目前为止我尝试过的:
..
究竟什么是<switch>用于反应路由器?
我是 React 学习的新手，正在尝试使用 react-router-dom 构建一个应用程序.当我遇到术语“交换机"时，我能够实现基本路由.任何人都可以用我们使用 switch 的用例示例解释我，它的用途是什么? 解决方案 由于您是新手，所以我将花更多时间用示例进行解释，并添加一些您可能希望方便使用的相关内容. 就像 Iddler 所说的那样，Switch 或多或少类似于任何其他语
..
以编程方式导航:React Router V4+ Typescript 给出错误
使用 react router v4 和 Typescript 以编程方式导航时出错: “只读"和“只读"类型不存在“历史记录"属性Readonly 我想在 API 调用成功或失败时重定向到特定路径.但无法做到这一点. 路由器代码 import { BrowserRouter as Router , Switch , Rout
..
React Router v4 全局与嵌套路由子项不匹配
当我在 React Router V4 中嵌套路由时，如何将用户重定向到 NoMatch 组件? 这是我的代码: 从'react'导入React；从 'react-dom' 导入 ReactDOM；从'react-tap-event-plugin'导入injectTapEventPlugin；注入TapEventPlugin();进口 {BrowserRouter 作为路由器，路线，转变}
..
如何在某些反应组件中隐藏导航栏
我正在尝试使用 react 制作登录流程.路由按预期工作.但是当我尝试引入导航栏时，它在所有路线上都可见.我只想在选定的组件上显示导航栏(仅在配置文件和回家路线上). 任何建议将不胜感激. 这是 Routes.js: 导出默认类路由扩展组件{使成为() {返回 (
..
反应路由器<NavLink>使用活动样式无法按照我对根 URL 的要求工作
我在主菜单中使用了这个 NavLinks.问题是，当点击 '/Test/car' 链接时，'/Test' 链接也会应用样式.我相信这是因为 '/Test' 假设是其他链接的根.所以这是有道理的. 但我希望 '/Test' 链接在应用活动样式时也能像其他链接一样工作.所以 '/Test' 只有在点击 'Home' 链接时才会应用样式.我是如何完成的(以 reactjs 的方式)?
..
使用组件页面上的 URL 通过 React Router 识别和传递来自父级的状态数据?
我正在使用 React Router.在我的州，我有许多可通过 ID 识别的电视节目.在节目页面上，我需要加载特定节目的数据，将节目 ID 与 URL 的末尾相匹配. 我的状态看起来像这样，但有更多节目: 显示:[{编号:1318913名称:《倒计时》时间:“14:10"},{编号:1318914名称:《新闻》时间:“15:00"}] 在 App.js 中:
..
什么是“钥匙"?连接反应路由器的每条路线变化都有哪些变化?
当导航到路线的动作被触发时，动作会触发一个新状态，其中 router.location.pathname 根据浏览器的 history 发生变化.> 另一个属性也发生了变化:router.location.key，变成一个新的随机字符串. 即使路径名本身没有改变(点击页面本身的链接)，键仍然更新. key 属性的用途是什么?在哪些情况下，我希望我自己的状态有一个随机生成的 key，它
..
路线不匹配
我不明白为什么这与我的 CompanyDetailContainer 路线不匹配.面试容器的路线工作正常
..
带有模板区域的动态参数
尝试使用 React-Router v4 设置 React 应用程序.我需要使用动态路由参数进行导航，以及使用采用动态路由参数的组件来定位我的应用程序模板区域的能力.根据 v4 文档，我需要像这样定义我的路线: const 路由 = [{准确:真实，路径:'/vpcs'，navLevel2: () =>,主要内容:() =>
你好 VPC
},
..
如何在 React-Router 4 <Switch><Redirect> 中保留查询字符串和哈希片段?
如果您在 中有一个 ，您将获得一个 location 并且可以执行以下操作: 在树的更高
..
如何在 React Router v4 路由之间共享应用程序状态
我想知道我有什么样的解决方案来解决以下问题: 我不使用任何状态管理库.我“只使用"React. 全局应用程序状态存储在组件 中.它包含一组 restaurant 对象. 组件 RestaurantPage 用于显示餐厅的详细信息，并允许创建新评论. 此时我卡住了，因为我需要更新一个特定的 restaurant 对象存储在 以添加此提交的评论.
..
window.location.href 与 react-router-dom 的重定向实用程序
我使用 React 和 React Router 编写了 webapp. 使用 window.location.href 重定向与使用通过 react-router 提供的组件相比有什么优缺点吗? 解决方案 如果您不想重新加载浏览器窗口，请使用 history.push('/page-name')，或者window.location.href 如果你想重新加载它.通常在使用 Reac
..