如何在Reactjs中使用路由器包装多个上下文提供程序

npm install react-router-dom

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

const ContextProvider1 = () => {
  // 上下文提供程序1的代码
  return (
    <div>
      {/* 上下文提供程序1的内容 */}
    </div>
  );
};

const ContextProvider2 = () => {
  // 上下文提供程序2的代码
  return (
    <div>
      {/* 上下文提供程序2的内容 */}
    </div>
  );
};

const App = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/">
          <ContextProvider1 />
        </Route>
        <Route path="/context2">
          <ContextProvider2 />
        </Route>
      </Switch>
    </Router>
  );
};

export default App;