问题标签 [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 投票
7 回答
11489 浏览

reactjs - 在打字稿中创建自己的反应路线类

我找到了这个(reacttraining.com)网站,它用一些例子解释了 react-router。但是我不能用打字稿类来做到这一点。我想要做的是扩展 Route 类来构建我自己的。现在我想在 typescript 中实现它以进行身份​​验证,如下面的站点示例所示。

我进行了很多搜索,但找不到解释要实现的功能以及要调用嵌套路由的类型属性的站点。ES6 课程也会很有帮助,谢谢。

0 投票
1 回答
1174 浏览

reactjs - 在 React Router v4 中为 NavLink 设置默认 activeClassName

有没有办法在React Router v4activeClassName中设置默认值,而不必为每个设置默认值?NavLinkNavLink

最好只写:

0 投票
1 回答
878 浏览

javascript - 如何包装 React Router v4 的 NavLink 组件?

我试图弄清楚如何包装 React Router v4 的NavLink组件以设置默认值activeClassName

但是,props未定义。

包装:

利用:

为什么已children填充但props 未定义

更新:

当使用to代替时props,它可以工作。

const Test = ({children, to}) => {

但是,我不确定为什么props不起作用。

0 投票
7 回答
28941 浏览

react-router-v4 - 如何创建 react-router v4 面包屑?

如何创建 react-router v4 面包屑?我尝试通过问题单在 react-router V4 网站上提出这个问题。他们只是说要查看递归路径示例。我真的很想在语义-ui-react中创建它

0 投票
1 回答
309 浏览

react-native - React Native 与 Router v4 Match 标签给组件未定义

我正在尝试使用基于此链接的反应路由器 v4 的反应路由器本机

标签给Match我一个错误

React.createElement: type is invalid — expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it’s defined in. Check the render method of

组件可用,我什至尝试显式创建组件。

完整代码导入 React, { Component } from 'react'; 导入 { AppRegistry, StyleSheet, Text, View, TouchableHighlight, } from 'react-native'; 从 'react-router' 导入 { Match, Miss, MemoryRouter as Router };

0 投票
0 回答
255 浏览

reactjs - 重定向在我的情况下不起作用

我有这个组件,我将 this.props.route 更改为通过 redux 重定向。在这种情况下,我从 '/aaa' 重定向到 '/bbb' 并且它没有重定向页面。

我通过在代码中添加 console.log 来测试 this.props.route 是否得到更改,并且 props 正在更新,但 Redirect 似乎不起作用。

基本上,组件 {aaa} 从 redux 更新 this.state.route。Redux 将状态传播到 prop。因此, RedirectHandler 组件被重新渲染,但 Redirect 没有触发。

这行不通。

重定向处理器组件

虽然这行得通,

问题是,如果 props.route 正在更新,为什么它没有将我重定向到指定的路线?

或者

为什么第一个块不起作用而第二个块起作用?:/

0 投票
1 回答
421 浏览

react-router-v4 - React-router V4 中每个包(如 react-router-dom 和 react-router-website)的区别

在 React-router v4 中,我知道react-native 用于 react-native,但对于网站,我应该安装react-router-dom还是react-router-website反应路由器怎么样

v4 中的软件包

0 投票
1 回答
12188 浏览

react-router - 如何在外部访问历史对象在反应路由器 v4

我有以下代码:

我可以通过 Main 和 ArticleView 组件中的道具访问历史记录或匹配。但我无法在<Header />. 有没有办法在 Header 组件中获取历史对象?

0 投票
2 回答
2871 浏览

reactjs - 在 react-router-v4 中使用全局 NoMatch 组件嵌套 Switch 组件

我的应用程序目前分为 3 个部分:

  • 前端
  • 行政
  • 错误

Frontend、Administration 和 Error 组件都有自己的样式。

Frontend 和 Administration 组件也有自己的 Switch 组件来导航它们。

我面临的问题是我无法在没有 Redirect 组件的情况下访问 NoMatch 路径。但是当我这样做时,我会丢失浏览器 URL 中的错误路径。

当内部 Switch 组件没有匹配的路由时,是否有机会在其父 Switch 组件中不断搜索?

然后我就可以点击 NoMatch 路由并在 URL 中保留错误的路径。

编辑:我用按预期工作的最终解决方案更新了下面的答案。

0 投票
1 回答
1679 浏览

reactjs - 用酶测试链接

我正在尝试使用 Enzyme 测试组件,但出现以下错误:

这是我的测试:

所以我的问题是,如何在渲染时将 History 上下文传递给组件?我有点迷失在这里。