如何从另一个页签启用物料页签

import React, { useState } from 'react';

const TabComponent = () => {
  const [activeTab, setActiveTab] = useState('home');

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

  return (
    <div>
      <div className="tab-headers">
        <button
          className={activeTab === 'home' ? 'active' : ''}
          onClick={() => handleTabClick('home')}
        >
          Home
        </button>
        <button
          className={activeTab === 'materials' ? 'active' : ''}
          onClick={() => handleTabClick('materials')}
        >
          Materials
        </button>
      </div>
      <div className="tab-content">
        {activeTab === 'home' && <div>Home Content</div>}
        {activeTab === 'materials' && <div>Materials Content</div>}
      </div>
    </div>
  );
};

export default TabComponent;