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

1 回答

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

  ）;

  回复于 2024-05-06T02:34:28+08:00