在ReactJS中onClick事件的选项卡之间传递值

import React, { useState } from 'react';

const Tab = ({ label, value, onClick }) => {
  return (
    <div onClick={() => onClick(value)}>
      {label}
    </div>
  );
};

const Tabs = () => {
  const [activeTab, setActiveTab] = useState(null);

  const handleTabClick = (value) => {
    setActiveTab(value);
  };

  return (
    <div>
      <Tab label="Tab 1" value="tab1" onClick={handleTabClick} />
      <Tab label="Tab 2" value="tab2" onClick={handleTabClick} />
      <Tab label="Tab 3" value="tab3" onClick={handleTabClick} />

      {activeTab && (
        <div>
          Active Tab: {activeTab}
        </div>
      )}
    </div>
  );
};

export default Tabs;