问题标签 [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.

0 投票
5 回答
13068 浏览

javascript - React-Router - 未捕获的类型错误:无法读取未定义的属性“路由”

尝试将 react router v4 与 redux 一起使用并遇到此错误,似乎正在关注文档,在任何地方都找不到任何信息,所以我不知所措:

未捕获的类型错误:无法读取未定义的属性“路线”

这是我的代码:

这是完整的错误:

0 投票
2 回答
4538 浏览

javascript - React 路由器 v4 无法构建

我在生产中工作时遇到了 react-router-dom 问题。虽然我的应用程序页眉和页脚渲染得很好,但路由器不起作用,我可以看到以下注释,在 Chrome devtools 中检查 html 时,我的路由应该出现在这些地方。我没有收到控制台错误。

这是我的 App.js 组件文件:

这是我的 index.js 文件:

路由器在开发模式下就像一个魅力。使用 Webpack 进行构建。

** 家庭组件:

* 更新 *

切换到哈希路由器后,应用程序现在正在运行。任何进一步的评论表示赞赏,因为 BrowserRouter 是根据文档推荐的方法。

0 投票
1 回答
1586 浏览

javascript - React-Router v4 添加子路由

react-router使用v4 和 React 的大菜鸟。我正在尝试设置两个父路由://dashboard. /将是登录/注册/等的登录页面,/dashboard 将是经过身份验证的区域。我在按照文档和这个 SO answer here让子路由工作时遇到了一些麻烦

这是非常简单的设置。这是我的app.js(路线//dashboard工作正常):

但是我的LandingPage组件的子路由似乎不起作用,尤其是/signup/login. 我有预感我做错了什么。:

编辑:我已经删除了LandingPage组件中的开关,因为它与此处的文档相似,但仍然没有好处。我也不再使用match道具:

看起来组件没有在 React Dev Tools 中呈现:

反应开发工具

任何帮助表示赞赏。谢谢。

0 投票
1 回答
1926 浏览

javascript - React-router-dom v.4 BrowseRouter 将函数传递给子级

我刚刚升级到 React-Router v.4(和 redux-saga)。但是我在将函数从父容器传递给路径内的子容器时遇到问题......

家长:

我的子组件如下所示:

如您所见,我试图将函数传递loadGalleryGallery组件,但是,在 dom 中,Gallery组件被包装在一个Route不会将loadGallery函数发送给其子组件的组件中。

这是它在 React 的 dom 中的样子:

显然,onLoadEvent=loadGalleryHandler()没有传递给画廊。

我如何使它工作?

0 投票
1 回答
227 浏览

react-router - 我们还能在 react-router v4 中使用 routes={routes} 吗?

以下代码有效:

但是,如果我将路线放入文件routes.js中,并且

和里面routes.js

然后它不起作用。这以前在react-router@2.0.0-rc5......所以我们不能再使用该表格routes={routes}了吗?应该怎么做?

0 投票
1 回答
260 浏览

meteor - 在 Meteor 中使用 react-router 3 到 4 重构身份验证

我想使用 react-router v4 而不是 v3 更新流星应用程序中的授权。

我从官方 react-router 文档页面(https://reacttraining.com/react-router/web/example/auth-workflow)中看到了示例。但是还是不知道怎么做。

0 投票
2 回答
1296 浏览

react-router - 在 react-router v4 中,我们还能在 App 容器中做 `this.props.children` 吗?

在 react-router v2 中,我们可以做

然后在 App 容器内显示正确的子项:

但在 react-router v4 中,{this.props.children}不再起作用。是用另一种方式完成的吗?

0 投票
1 回答
1947 浏览

reactjs - 警告:失败的道具类型:提供给“路线”的“对象”类型的无效道具“组件”,预期的“功能”

这是什么错误???

我得到旧的工作代码安装新版本的库,我看到了那个错误。但我不明白这是什么意思。

这是什么错误?我的代码有什么问题?安装 react-router-dom@^4.1.0:

0 投票
1 回答
105 浏览

javascript - 在 React 中通过路由传递服务实例

在这种情况下,我正在使用反应路由器 v4,这很重要。

我有一个 App 组件,其中成功实例化了一个 AuthService 对象。

我想获得相同的 Auth 对象实例的某些组件,并且这些组件是通过 Route 定义的。

这是我的代码示例:

当 Home 或 SplashPage 渲染时,它们具有来自 Route 的典型道具,但没有 auth 意识。

我怎样才能获得身份验证作为道具之一,以及来自 Route down to Home 和 SplashPage 的那些道具?谢谢你。

0 投票
3 回答
12516 浏览

reactjs - React Router v4 获取当前位置

我刚刚开始使用 react-router V4,我想知道如何获取路由器的当前位置

这是我的源代码

我尝试根据 react-router 文档使用历史记录,但我没有得到位置。

如何获取路线的当前位置?

我不使用 redux,如果没有它,我将不胜感激。

谢谢,迈克尔。