我想使用选项卡切换我的项目中的页面。项目使用react-redux和react -router

import React from 'react';
import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

const App = () => {
  return (
    <Router>
      <Tabs>
        <TabList>
          <Tab>
            <Link to="/page1">页面1</Link>
          </Tab>
          <Tab>
            <Link to="/page2">页面2</Link>
          </Tab>
          <Tab>
            <Link to="/page3">页面3</Link>
          </Tab>
        </TabList>

        <TabPanel>
          <Route path="/page1" component={Page1} />
        </TabPanel>
        <TabPanel>
          <Route path="/page2" component={Page2} />
        </TabPanel>
        <TabPanel>
          <Route path="/page3" component={Page3} />
        </TabPanel>
      </Tabs>
    </Router>
  );
};

const Page1 = () => <h1>页面1</h1>;
const Page2 = () => <h1>页面2</h1>;
const Page3 = () => <h1>页面3</h1>;

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