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

reactjs - 通过 react-router-4 导航后未获取路由参数

通过导航后,this.props.history.push我没有route params进入component.

我有component在两条路线上呈现的单曲。

因此,从一条路线到另一条路线的结果是component update,我没有route params参与其中。

如果刷新页面我得到route params

我的路由组件。

0 投票
1 回答
322 浏览

reactjs - 无论如何可以从反应环境之外在 React-Router V4 应用程序中导航?

我正在制作一个带有 2 个库的应用程序以及react. 我正在使用leafletmarzipano

Redux用作数据同步。

现在,我想通过单击传单标记来更改路线。使用 histroy.pushState 会导致 url 更改,但route params我的react组件中没有。

所以绕过这个我全局this.props.history作为历史,然后使用它的push方法来改变状态。

有没有更好的方法来做到这一点......使用这个感觉不对......就像一个猴子补丁。

0 投票
4 回答
69742 浏览

reactjs - ReactJS Router V4 history.push 不工作

我已经升级到 React Router V4,现在正在努力解决这个问题history.push

我有一个 index.js 文件:

然后我有另一个文件,我在其中添加了一个简单的返回到某个页面,如下所示:

所以,我无法弄清楚这里出了什么问题。当我单击按钮时,URL 更改为/但仅此而已。有人可以帮助我吗?

编辑

我发现,当我这样做时它会起作用:

但这似乎是错误的??

当我做

我明白Cannot read property 'context' of null但为什么?我的<BrowserRouter>设置错了吗??

无论如何,感谢您的帮助:)

0 投票
1 回答
2548 浏览

reactjs - 反应路由器v4以编程方式更改路由

似乎找不到很多关于此的质量文档。React Router v4 文档包含“历史”对象的信息,但声明它是可变的,不应更改。我见过的许多例子看起来像是“黑客”。任何见解将不胜感激。

0 投票
2 回答
1526 浏览

javascript - React Router v4 全局与嵌套路由子节点不匹配

当我在 React Router V4 中有嵌套路由时,如何将用户重定向到 NoMatch 组件?

这是我的代码:

如您所见,Register 下面有一个 NoMatch 路由,但我不想在我的子组件 Register 上使用相同的路由映射。这样,如果我去 /register/unregisteredmatch 页面只会显示空白,因为不要输入 NoMatch Route。

如何映射全局 NoMatch 而不在我的子路由上指定?我不想将此责任传递给子组件。

谢谢。

0 投票
2 回答
8686 浏览

reactjs - React-router-dom v4 嵌套路由不起作用

关于未解决的问题(作为最终结论)

我也遇到了同样的问题。

https://reacttraining.com/react-router/web/guides/quick-start推广react-router-dom

此外,人们发现list down routes在一个文件中而不是在组件中更好。

提到的东西: https ://github.com/ReactTraining/react-router/tree/master/packages/react-router-config

一些工作(大部分):

有些东西不起作用: site.com/SomeGarbagePath 显示<MainApp>我的想法。
<Route path="*" component={PageNotFound}/>

更新

0 投票
1 回答
5750 浏览

reactjs - react-router-dom v4 404 pageNotFound不工作

我已经尝试了几种组合,但如果有任何路线被击中(未声明)但我认为不会<Route path="*" component={PageNotFound}/>着陆。PageNotFound/

还有其他方法还是我做错了什么?该应用程序的其余部分似乎运行良好。

更多信息:

0 投票
4 回答
7582 浏览

reactjs - 使用 React Router v4 的多种布局

我正在努力尝试使用 React Router v4 渲染多个布局。

例如,我希望具有以下路径的页面具有布局 1:

  • 确切路径="/"
  • 路径="/博客"
  • 路径="/关于"
  • 路径="/项目"

以及具有布局2的以下路径:

  • 路径="/blog/:id
  • path="/project/:id

实际上,除了 v4 之外,这里要回答的问题:为 react-router 组件使用多种布局

0 投票
2 回答
1566 浏览

reactjs - 未捕获(承诺中)错误:React.Children.only 预计会收到单个 React 元素子项

我是 React JS 的新手,正在尝试实现到我的新闻应用程序的路由。我不断收到以下错误(我正在使用 React Router v4 https://reacttraining.com/react-router

这是我的路线文件

我尝试按照这个反应路由器版本 4 教程进行操作,但似乎没有任何效果

https://reacttraining.com/react-router/web/example/url-params

谢谢

应用程序.js

更新:

通过参考这篇文章解决了它https://www.sigient.com/blog/movie-listings-application-with-react-router-v-4

0 投票
1 回答
78 浏览

reactjs - Reactjs Router version4 路由问题

我正在使用 react-router 版本 4,因为组件的路由配置已完成,但组件未安装,因为我尝试使用 componentDidMount() 方法,未显示控制台日志。

这是我的代码,

当我尝试使用组件的路由器 url 路径时,页面为空。

任何帮助表示赞赏。在此先感谢。!