如何在react本机导航Wix V2中从侧面菜单导航到页面

// App.js

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import SideMenu from './SideMenu';
import HomePage from './HomePage';
import AboutPage from './AboutPage';
import ContactPage from './ContactPage';

function App() {
  return (
    <Router>
      <div className="App">
        <SideMenu />
        <Switch>
          <Route exact path="/" component={HomePage} />
          <Route path="/about" component={AboutPage} />
          <Route path="/contact" component={ContactPage} />
        </Switch>
      </div>
    </Router>
  );
}

export default App;

// SideMenu.js

import React from 'react';
import { Link } from 'react-router-dom';

function SideMenu() {
  return (
    <div className="SideMenu">
      <ul>
        <li>
          <Link to="/">Home</Link>
        </li>
        <li>
          <Link to="/about">About</Link>
        </li>
        <li>
          <Link to="/contact">Contact</Link>
        </li>
      </ul>
    </div>
  );
}

export default SideMenu;

// HomePage.js

import React from 'react';

function HomePage() {
  return (
    <div className="HomePage">
      <h1>Home Page</h1>
      <p>Welcome to the home page!</p>
    </div>
  );
}

export default HomePage;

// AboutPage.js

import React from 'react';

function AboutPage() {
  return (
    <div className="AboutPage">
      <h1>About Page</h1>
      <p>Learn more about us!</p>
    </div>
  );
}

export default AboutPage;

// ContactPage.js

import React from 'react';

function ContactPage() {
  return (
    <div className="ContactPage">
      <h1>Contact Page</h1>
      <p>Get in touch with us!</p>
    </div>
  );
}

export default ContactPage;