我创建了一个迷你项目，但我遇到了一个问题，比如页面没有重定向，而且它也只在上面的内容中打印新内容。我想要做的是当用户按下链接时它应该完全重定向到新页面而不是旧内容。
我正在分享我的 git 存储库，请下载它并帮助我解决该错误。
我的 git 仓库是：https ://github.com/yashchks87/homepage.git
react-router页面重定向不正确？
IT技术
reactjs
react-router
2022-07-29 01:40:22
1个回答
我认为问题在于您希望收到的网址。
这是你的app.js：
import React, { Component } from 'react';
import {BrowserRouter as Router, Link, Route,Switch} from 'react-router-dom';
import Doctor from '/Users/yashchoksi/Documents/homepage/src/Doctor.js';
class App extends Component {
render() {
return (
<Router>
<div>
<nav class="navbar navbar-dark bg-dark">
<Link to="/Users/yashchoksi/Documents/homepage/src/Doctor.js">Sign Up</Link>
</nav>
<p>Hello this is homepage.</p>
<Switch>
<Route exact path="/Users/yashchoksi/Documents/homepage/src/Doctor.js" component={Doctor}/>
</Switch>
</div>
</Router>
);
}
}
export default App;
您的pathandLink to应该指向 url 路径而不是文件路径。
我建议将其更改为以下内容：
render() {
var homeMessage = () => {
return (<p>Hello this is homepage.</p>);
}
return (
<Router>
<div>
<nav class="navbar navbar-dark bg-dark">
<Link to="/app/doctor/">Sign Up</Link>
</nav>
<Switch>
<Route exact path="/app/" component={homeMessage}/>
<Route exact path="/app/doctor/" component={Doctor}/>
</Switch>
</div>
</Router>
);
);