标签:reactjs react-router javascript
我正在尝试让React Router正常工作.这是我的代码:
var hashHistory = require('react-router-dom').hashHistory;
var BrowserRouter = require('react-router-dom').BrowserRouter;
var Route = require('react-router-dom').Route;
var ReactDOM = require('react-dom');
var React = require('react');
var Index = require('./index');
var Login = require('./login');
ReactDOM.render(
<BrowserRouter history={hashHistory}>
<div>
<Route path="/" component={Index} />
<Route path="/login" component={Login} />
</div>
</BrowserRouter>,
document.getElementById('main-content')
);
然后在我的index.js中,我这样做:
<div className="navbar-nav" onClick={() => this.props.history.push('/login')}>
Log in
</div>
这会将url更改为/ login,但不会呈现登录文件.怎么了?
解决方法:
似乎当您切换到/ login时,它匹配/:
<Route path="/" component={Index} />
尝试向路线添加确切的道具,如下所示:
<Route exact path="/" component={Index} />
您还可以尝试更改匹配顺序:
<Route path="/login" component={Login} />
<Route path="/" component={Index} />
标签:reactjs,react-router,javascript 来源: https://codeday.me/bug/20191111/2018954.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。