如何在新页面中打开(点击后) react组件

npm install react-router-dom

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

import React from "react";

const NewPageComponent = () => {
  // 这里是你的组件内容
  return <div>这是新页面中的内容</div>;
};

export default NewPageComponent;

import React from "react";
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
import NewPageComponent from "./NewPageComponent";

const App = () => {
  return (
    <Router>
      <div>
        <h1>我的应用程序</h1>
        <ul>
          <li>
            {/* 使用Link组件指定要打开的新页面 */}
            <Link to="/new-page">打开新页面</Link>
          </li>
        </ul>
        <Route path="/new-page" component={NewPageComponent} />
      </div>
    </Router>
  );
};

export default App;