如何在tab导航器中使用tab导航器？

import React, { useState } from 'react';

const TabNavigator = () => {
  const [selectedTab, setSelectedTab] = useState(0);

  const handleTabClick = (index) => {
    setSelectedTab(index);
  };

  return (
    <nav>
      <ul>
        <li onClick={() => handleTabClick(0)}>Tab 1</li>
        <li onClick={() => handleTabClick(1)}>Tab 2</li>
        <li onClick={() => handleTabClick(2)}>Tab 3</li>
      </ul>

      {selectedTab === 0 && <div>Tab 1 Content</div>}
      {selectedTab === 1 && <div>Tab 2 Content</div>}
      {selectedTab === 2 && <div>Tab 3 Content</div>}
    </nav>
  );
};

export default TabNavigator;