如何取消选择透视Office UI Fabric React中的第一个PivotItem

import React, { useState } from 'react';
import { Pivot, PivotItem } from 'office-ui-fabric-react';

const MyComponent = () => {
  const [selectedPivot, setSelectedPivot] = useState('item1');

  // 其他组件代码...

  return (
    <Pivot selectedKey={selectedPivot} onLinkClick={item => setSelectedPivot(item.props.itemKey)}>
      <PivotItem headerText="Item 1" itemKey="item1">
        {/* 第一个PivotItem的内容 */}
      </PivotItem>
      <PivotItem headerText="Item 2" itemKey="item2">
        {/* 第二个PivotItem的内容 */}
      </PivotItem>
      {/* 其他PivotItem... */}
    </Pivot>
  );
};

export default MyComponent;

const handleCancelSelection = () => {
  setSelectedPivot('item2'); // 将选择设置为第二个PivotItem
};

// 其他组件代码...

return (
  <div>
    {/* 其他组件内容... */}
    <button onClick={handleCancelSelection}>取消选择第一个PivotItem</button>
  </div>
);