问题标签 [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 - 通过 react-router-4 导航后未获取路由参数
通过导航后,this.props.history.push
我没有route params
进入component
.
我有component
在两条路线上呈现的单曲。
因此,从一条路线到另一条路线的结果是component update
,我没有route params
参与其中。
如果刷新页面我得到route params
我的路由组件。
reactjs - 无论如何可以从反应环境之外在 React-Router V4 应用程序中导航?
我正在制作一个带有 2 个库的应用程序以及react
. 我正在使用leaflet
和marzipano
。
我Redux
用作数据同步。
现在,我想通过单击传单标记来更改路线。使用 histroy.pushState 会导致 url 更改,但route params
我的react
组件中没有。
所以绕过这个我全局this.props.history
作为历史,然后使用它的push
方法来改变状态。
有没有更好的方法来做到这一点......使用这个感觉不对......就像一个猴子补丁。
reactjs - ReactJS Router V4 history.push 不工作
我已经升级到 React Router V4,现在正在努力解决这个问题history.push
。
我有一个 index.js 文件:
然后我有另一个文件,我在其中添加了一个简单的返回到某个页面,如下所示:
所以,我无法弄清楚这里出了什么问题。当我单击按钮时,URL 更改为/
但仅此而已。有人可以帮助我吗?
编辑
我发现,当我这样做时它会起作用:
和
但这似乎是错误的??
当我做
我明白Cannot read property 'context' of null
但为什么?我的<BrowserRouter>
设置错了吗??
无论如何,感谢您的帮助:)
reactjs - 反应路由器v4以编程方式更改路由
似乎找不到很多关于此的质量文档。React Router v4 文档包含“历史”对象的信息,但声明它是可变的,不应更改。我见过的许多例子看起来像是“黑客”。任何见解将不胜感激。
javascript - React Router v4 全局与嵌套路由子节点不匹配
当我在 React Router V4 中有嵌套路由时,如何将用户重定向到 NoMatch 组件?
这是我的代码:
如您所见,Register 下面有一个 NoMatch 路由,但我不想在我的子组件 Register 上使用相同的路由映射。这样,如果我去 /register/unregisteredmatch 页面只会显示空白,因为不要输入 NoMatch Route。
如何映射全局 NoMatch 而不在我的子路由上指定?我不想将此责任传递给子组件。
谢谢。
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}/>
更新
reactjs - react-router-dom v4 404 pageNotFound不工作
我已经尝试了几种组合,但如果有任何路线被击中(未声明)但我认为不会<Route path="*" component={PageNotFound}/>
着陆。PageNotFound
/
还有其他方法还是我做错了什么?该应用程序的其余部分似乎运行良好。
更多信息:
reactjs - 使用 React Router v4 的多种布局
我正在努力尝试使用 React Router v4 渲染多个布局。
例如,我希望具有以下路径的页面具有布局 1:
- 确切路径="/"
- 路径="/博客"
- 路径="/关于"
- 路径="/项目"
以及具有布局2的以下路径:
- 路径="/blog/:id
- path="/project/:id
实际上,除了 v4 之外,这里要回答的问题:为 react-router 组件使用多种布局
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
reactjs - Reactjs Router version4 路由问题
我正在使用 react-router 版本 4,因为组件的路由配置已完成,但组件未安装,因为我尝试使用 componentDidMount() 方法,未显示控制台日志。
这是我的代码,
当我尝试使用组件的路由器 url 路径时,页面为空。
任何帮助表示赞赏。在此先感谢。!