如何使用React禁用Tab组件(Carbon Design System)

import React, { useState } from 'react';
import { Tabs, Tab } from 'carbon-components-react';

function MyComponent() {
  const [isTabDisabled, setIsTabDisabled] = useState(false);

  return (
    <Tabs>
      <Tab disabled={isTabDisabled} label="Tab 1">
        {/* Tab 1 内容 */}
      </Tab>
      <Tab disabled={isTabDisabled} label="Tab 2">
        {/* Tab 2 内容 */}
      </Tab>
    </Tabs>
  );
}

function MyComponent() {
  const [isTabDisabled, setIsTabDisabled] = useState(false);

  const handleDisableTab = () => {
    setIsTabDisabled(true);
  };

  const handleEnableTab = () => {
    setIsTabDisabled(false);
  };

  return (
    <div>
      <button onClick={handleDisableTab}>禁用Tab组件</button>
      <button onClick={handleEnableTab}>启用Tab组件</button>

      <Tabs>
        <Tab disabled={isTabDisabled} label="Tab 1">
          {/* Tab 1 内容 */}
        </Tab>
        <Tab disabled={isTabDisabled} label="Tab 2">
          {/* Tab 2 内容 */}
        </Tab>
      </Tabs>
    </div>
  );
}