如何从React本机导航V5的选项卡栏中隐藏选项卡？

import React, { useState } from 'react';

const TabBar = () => {
  const [hideTabs, setHideTabs] = useState(false);

  const handleToggleTabs = () => {
    setHideTabs(!hideTabs);
  };

  return (
    <div>
      <button onClick={handleToggleTabs}>Toggle Tabs</button>
      {!hideTabs && (
        <div className="tab-bar">
          {/* 选项卡内容 */}
        </div>
      )}
    </div>
  );
};

export default TabBar;