从组件修改选项卡栏的值(react-导航6)

import React, { useState } from 'react';

const Navigation = () => {
  const [tabValue, setTabValue] = useState(0);

  // 其他组件代码

  return (
    <div>
      {/* 导航栏代码 */}
    </div>
  );
};

export default Navigation;

return (
  <div>
    <button onClick={() => setTabValue(0)}>Tab 1</button>
    <button onClick={() => setTabValue(1)}>Tab 2</button>
    <button onClick={() => setTabValue(2)}>Tab 3</button>
    {/* 其他选项卡栏代码 */}
  </div>
);

return (
  <div>
    {tabValue === 0 && <Component1 />}
    {tabValue === 1 && <Component2 />}
    {tabValue === 2 && <Component3 />}
    {/* 其他组件代码 */}
  </div>
);