问题标签 [react-router-v4]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - React-Router - 未捕获的类型错误:无法读取未定义的属性“路由”
尝试将 react router v4 与 redux 一起使用并遇到此错误,似乎正在关注文档,在任何地方都找不到任何信息,所以我不知所措:
未捕获的类型错误:无法读取未定义的属性“路线”
这是我的代码:
这是完整的错误:
javascript - React 路由器 v4 无法构建
我在生产中工作时遇到了 react-router-dom 问题。虽然我的应用程序页眉和页脚渲染得很好,但路由器不起作用,我可以看到以下注释,在 Chrome devtools 中检查 html 时,我的路由应该出现在这些地方。我没有收到控制台错误。
这是我的 App.js 组件文件:
这是我的 index.js 文件:
路由器在开发模式下就像一个魅力。使用 Webpack 进行构建。
** 家庭组件:
* 更新 *
切换到哈希路由器后,应用程序现在正在运行。任何进一步的评论表示赞赏,因为 BrowserRouter 是根据文档推荐的方法。
javascript - React-Router v4 添加子路由
react-router
使用v4 和 React 的大菜鸟。我正在尝试设置两个父路由:/
和/dashboard
. /
将是登录/注册/等的登录页面,/dashboard 将是经过身份验证的区域。我在按照文档和这个 SO answer here让子路由工作时遇到了一些麻烦
这是非常简单的设置。这是我的app.js
(路线/
和/dashboard
工作正常):
但是我的LandingPage
组件的子路由似乎不起作用,尤其是/signup
和/login
. 我有预感我做错了什么。:
编辑:我已经删除了LandingPage
组件中的开关,因为它与此处的文档相似,但仍然没有好处。我也不再使用match
道具:
看起来组件没有在 React Dev Tools 中呈现:
任何帮助表示赞赏。谢谢。
javascript - React-router-dom v.4 BrowseRouter 将函数传递给子级
我刚刚升级到 React-Router v.4(和 redux-saga)。但是我在将函数从父容器传递给路径内的子容器时遇到问题......
家长:
我的子组件如下所示:
如您所见,我试图将函数传递loadGallery
给Gallery
组件,但是,在 dom 中,Gallery
组件被包装在一个Route
不会将loadGallery
函数发送给其子组件的组件中。
这是它在 React 的 dom 中的样子:
显然,onLoadEvent=loadGalleryHandler()
没有传递给画廊。
我如何使它工作?
react-router - 我们还能在 react-router v4 中使用 routes={routes} 吗?
以下代码有效:
但是,如果我将路线放入文件routes.js
中,并且
和里面routes.js
:
然后它不起作用。这以前在react-router@2.0.0-rc5
......所以我们不能再使用该表格routes={routes}
了吗?应该怎么做?
meteor - 在 Meteor 中使用 react-router 3 到 4 重构身份验证
我想使用 react-router v4 而不是 v3 更新流星应用程序中的授权。
我从官方 react-router 文档页面(https://reacttraining.com/react-router/web/example/auth-workflow)中看到了示例。但是还是不知道怎么做。
react-router - 在 react-router v4 中,我们还能在 App 容器中做 `this.props.children` 吗?
在 react-router v2 中,我们可以做
然后在 App 容器内显示正确的子项:
但在 react-router v4 中,{this.props.children}
不再起作用。是用另一种方式完成的吗?
reactjs - 警告:失败的道具类型:提供给“路线”的“对象”类型的无效道具“组件”,预期的“功能”
这是什么错误???
我得到旧的工作代码安装新版本的库,我看到了那个错误。但我不明白这是什么意思。
这是什么错误?我的代码有什么问题?安装 react-router-dom@^4.1.0:
javascript - 在 React 中通过路由传递服务实例
在这种情况下,我正在使用反应路由器 v4,这很重要。
我有一个 App 组件,其中成功实例化了一个 AuthService 对象。
我想获得相同的 Auth 对象实例的某些组件,并且这些组件是通过 Route 定义的。
这是我的代码示例:
当 Home 或 SplashPage 渲染时,它们具有来自 Route 的典型道具,但没有 auth 意识。
我怎样才能获得身份验证作为道具之一,以及来自 Route down to Home 和 SplashPage 的那些道具?谢谢你。
reactjs - React Router v4 获取当前位置
我刚刚开始使用 react-router V4,我想知道如何获取路由器的当前位置
这是我的源代码
我尝试根据 react-router 文档使用历史记录,但我没有得到位置。
如何获取路线的当前位置?
我不使用 redux,如果没有它,我将不胜感激。
谢谢,迈克尔。