Question

我创建了一个迷你项目，我遇到了一个问题，例如页面没有重定向，而且它也只是在上面的内容中打印新内容。我想要做的是当用户按下链接时，它应该完全重定向到新页面而不是旧内容。

我正在分享我的git repo，请下载它并帮助我解决该错误。

我的git repo是：https://github.com/yashchks87/homepage.git

Answer 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;

您的path和Link to应指向网址路径，而不是文件路径。

我建议将其更改为：

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>
   );

）;

React路由器页面重定向不正确？

1 个答案: