问题标签 [react-router-v4]

在我的应用程序中，我想将路径和哈希都匹配到不同的组件。例如：

将 PageA 显示为主页面，modalB 在顶部。我尝试了以下方法，路径属性有很多变体：

但没有任何效果。

在模态“控制器”组件内的 React Router 2 中，我将使用：

我希望在 V4 中有更优雅的东西

在 react-router v3 中，我们有 activeStyle 和 activeClassName 来设置活动链接的样式

我们可以做这样的事情

我想知道如何在 v4 中做同样的事情？

我如何<Link>使用<form>? 我试图避免程序化路由，因为我看到了许多针对它的警告。

表单有两个字段：

我的目标是将页面发送到'/' + document.getElementById('where').value + '/' + document.getElementById('what').value，是否可以使用 v4 路由器？

我正在尝试设置一些嵌套路由来添加通用布局。检查代码：

虽然这工作得很好，但我仍然收到警告：

警告：您不应该在同一路由中使用 <Route component> 和 <Route children>；将被忽略

在 React Router V4 中实现身份验证保护路由的最佳方式是什么？

我刚刚react-router从 v3 更换到 v4。
但我不确定如何以编程方式在 a 的成员函数中导航Component。即在处理一些数据后handleClick()我想导航到的功能。/path/some/where我曾经这样做过：

但是我在 v4 中找不到这样的接口。
如何使用 v4 进行导航？

我正在为一个项目使用 react-router v4 这是我的 CDN

这是我的代码

登录表单代码如下所示

我收到此错误

我想显示一个title以<AppBar />某种方式从当前路由传入的 in。

在 React Router v4 中，如何将<AppBar />当前路由传递到它的titleprop 中？

prop有没有办法从自定义传递自定义标题<Route />？

有没有办法在 React Router v4 中嵌套路由？

这有效：

这不会：

客户组件：

我在我的 React 应用程序中使用react-router v4和material-ui 。GridTile我想知道在GridList中单击 a 后如何更改 URL 。

我最初的想法是为onTouchTap. 但是，我可以看到重定向的唯一方法是使用组件Redirect或Link. 如何在不渲染这两个组件的情况下更改 URL？

我试过this.context.router.push('/foo')了，但它似乎不起作用。