如何将react选项卡链接到下拉列表？

import React, { useState } from 'react';
import { Nav, NavDropdown } from 'react-bootstrap';
import { Link, Route, Switch } from 'react-router-dom';

const TabDropdown = () => {
  const [selectedTab, setSelectedTab] = useState(null);

  const handleTabChange = (eventKey) => {
    setSelectedTab(eventKey);
  };

  return (
    <div>
      <Nav variant="tabs" activeKey={selectedTab} onSelect={handleTabChange}>
        <Nav.Item>
          <Nav.Link as={Link} to="/tab1" eventKey="1">
            Tab 1
          </Nav.Link>
        </Nav.Item>
        <Nav.Item>
          <Nav.Link as={Link} to="/tab2" eventKey="2">
            Tab 2
          </Nav.Link>
        </Nav.Item>
        <NavDropdown title="Dropdown" id="basic-nav-dropdown">
          <NavDropdown.Item as={Link} to="/tab3" eventKey="3">
            Tab 3
          </NavDropdown.Item>
          <NavDropdown.Item as={Link} to="/tab4" eventKey="4">
            Tab 4
          </NavDropdown.Item>
        </NavDropdown>
      </Nav>

      <Switch>
        <Route path="/tab1">
          <div>Content for Tab 1</div>
        </Route>
        <Route path="/tab2">
          <div>Content for Tab 2</div>
        </Route>
        <Route path="/tab3">
          <div>Content for Tab 3</div>
        </Route>
        <Route path="/tab4">
          <div>Content for Tab 4</div>
        </Route>
      </Switch>
    </div>
  );
};

export default TabDropdown;