如何在react应用程序中使用路由来打开已经存在的flex应用程序的特定页面？

npm install react-router-dom

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

ReactDOM.render(
  <Router>
    <App />
  </Router>,
  document.getElementById('root')
);

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

import HomePage from './components/HomePage';
import FlexAppPage from './components/FlexAppPage';

const routes = (
  <div>
    <Route exact path="/" component={HomePage} />
    <Route path="/flexapp" component={FlexAppPage} />
  </div>
);

export default routes;

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

const Navbar = () => {
  return (
    <nav>
      <ul>
        <li>
          <Link to="/">Home</Link>
        </li>
        <li>
          <Link to="/flexapp">Flex App</Link>
        </li>
      </ul>
    </nav>
  );
};

export default Navbar;

import React from 'react';
import { Switch, Route } from 'react-router-dom';

import routes from './routes';

const App = () => {
  return (
    <div>
      <Switch>
        {routes}
      </Switch>
    </div>
  );
};

export default App;