在React中加载，js脚本，有关分页/导航栏链接的问题

import scriptFile from './path/to/script.js';

componentDidMount() {
  const script = document.createElement('script');
  script.src = scriptFile;
  document.body.appendChild(script);
}

componentDidMount() {
  const script = document.createElement('script');
  script.src = scriptFile;
  script.onload = () => {
    // 脚本加载完成后执行的操作
  };
  document.body.appendChild(script);
}

npm install react-router-dom

yarn add react-router-dom

import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

const App = () => {
  return (
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">首页</Link>
            </li>
            <li>
              <Link to="/page1">页面1</Link>
            </li>
            <li>
              <Link to="/page2">页面2</Link>
            </li>
          </ul>
        </nav>

        <Route path="/" exact component={Home} />
        <Route path="/page1" component={Page1} />
        <Route path="/page2" component={Page2} />
      </div>
    </Router>
  );
};

const Home = () => {
  return <h1>首页</h1>;
};

const Page1 = () => {
  return <h1>页面1</h1>;
};

const Page2 = () => {
  return <h1>页面2</h1>;
};