React路由器无需重新加载页面即可更改url
当我使用react-router 0.13.3时，它是正常的:我正在改变url，并且在不重新加载的情况下进行转换。
现在，在react-router2.0中，如果我手动更改url，我的应用程序将完全重新加载，而不是简单的重定向。我该如何修复它？
我想使用这个：
<a href="/routename">link</a>取而代之的是：
<Link to="/routename">link</Link>在少数特殊情况下。
路线
import {Router, Route, IndexRoute} from "react-router";
import App from './components/App';
import FrontPage from './components/frontPage/FrontPage';
import User from './components/user/User';
module.exports = (
<Router>
<Route path="/" component={App}>
<IndexRoute component={FrontPage}/>
<Route path="/user/:userid" component={User}/>
</Route>
</Router>
);回答 3
Stack Overflow用户
发布于 2016-05-03 15:34:13
没有解决方案。我们可以使用onClick脚本或Link。
Stack Overflow用户
发布于 2020-04-03 15:05:18
React路由器v4 -重定向组件
react-router v4推荐的方式是允许您的render方法捕获重定向。使用state或props来确定是否需要显示重定向组件。
- 首先，从
react-router导入Redirect
从'react-router';
- Define导入{重定向}单击处理程序
handleOnClick = () => { //一些操作...//然后重定向this.setState({ redirect : true})；}
- 更改呈现方法，
render() { if (this.state.redirect) { return；} return (按钮)；}
- Example code :从‘react-router’导入{ Redirect }；导出默认类ConfirmationDialog扩展组件{构造函数(Props){ConfirmationDialog(Props)；this.state ={ redirect : false }} handleOnClick = () => { //一些操作...//然后重定向this.setState({ redirect : true})；} render() { if (this.state.redirect) { return；} return (//您的代码按钮)；}}
Stack Overflow用户
发布于 2017-04-23 00:03:52
通常是由于一些错误，使用DevTools (Shift+CTRL+I)在chrome上运行web。在控制台中启用保留日志(保留日志)，并查看发生了什么，您可能会看到一些错误，解决它，它应该工作而不刷新。
https://stackoverflow.com/questions/36854642
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号