在页面上检测何时按下tabBar项

import React, { useState } from 'react';

const TabBar = () => {
  const [activeTab, setActiveTab] = useState(0);

  const handleTabClick = (index) => {
    setActiveTab(index);
    // 在这里可以执行相应的逻辑操作
    console.log(`点击了第${index + 1}个tabBar项`);
  };

  return (
    <div>
      <button onClick={() => handleTabClick(0)}>Tab 1</button>
      <button onClick={() => handleTabClick(1)}>Tab 2</button>
      <button onClick={() => handleTabClick(2)}>Tab 3</button>
    </div>
  );
};

export default TabBar;