问题标签 [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.
reactjs - 在打字稿中创建自己的反应路线类
我找到了这个(reacttraining.com)网站,它用一些例子解释了 react-router。但是我不能用打字稿类来做到这一点。我想要做的是扩展 Route 类来构建我自己的。现在我想在 typescript 中实现它以进行身份验证,如下面的站点示例所示。
我进行了很多搜索,但找不到解释要实现的功能以及要调用嵌套路由的类型属性的站点。ES6 课程也会很有帮助,谢谢。
reactjs - 在 React Router v4 中为 NavLink 设置默认 activeClassName
有没有办法在React Router v4activeClassName
中设置默认值,而不必为每个设置默认值?NavLink
NavLink
最好只写:
javascript - 如何包装 React Router v4 的 NavLink 组件?
我试图弄清楚如何包装 React Router v4 的NavLink
组件以设置默认值activeClassName
。
但是,props
未定义。
包装:
利用:
为什么已children
填充但props
未定义?
更新:
当使用to
代替时props
,它可以工作。
const Test = ({children, to}) => {
但是,我不确定为什么props
不起作用。
react-router-v4 - 如何创建 react-router v4 面包屑?
如何创建 react-router v4 面包屑?我尝试通过问题单在 react-router V4 网站上提出这个问题。他们只是说要查看递归路径示例。我真的很想在语义-ui-react中创建它
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 };
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 正在更新,为什么它没有将我重定向到指定的路线?
或者
为什么第一个块不起作用而第二个块起作用?:/
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?反应路由器怎么样
react-router - 如何在外部访问历史对象在反应路由器 v4
我有以下代码:
我可以通过 Main 和 ArticleView 组件中的道具访问历史记录或匹配。但我无法在<Header />
. 有没有办法在 Header 组件中获取历史对象?
reactjs - 在 react-router-v4 中使用全局 NoMatch 组件嵌套 Switch 组件
我的应用程序目前分为 3 个部分:
- 前端
- 行政
- 错误
Frontend、Administration 和 Error 组件都有自己的样式。
Frontend 和 Administration 组件也有自己的 Switch 组件来导航它们。
我面临的问题是我无法在没有 Redirect 组件的情况下访问 NoMatch 路径。但是当我这样做时,我会丢失浏览器 URL 中的错误路径。
当内部 Switch 组件没有匹配的路由时,是否有机会在其父 Switch 组件中不断搜索?
然后我就可以点击 NoMatch 路由并在 URL 中保留错误的路径。
编辑:我用按预期工作的最终解决方案更新了下面的答案。
reactjs - 用酶测试链接
我正在尝试使用 Enzyme 测试组件,但出现以下错误:
这是我的测试:
所以我的问题是,如何在渲染时将 History 上下文传递给组件?我有点迷失在这里。