我是一名初学者 React Web 开发人员，目前正在开发我的第一个大学 React 网站项目。该项目涉及创建一个酒店和航班预订网站，一周内完成。我遇到了一个阻碍我进步的问题。
网站以登陆页面开始，用户可以在其中输入信息。提交后，用户将被重定向到主页，该页面有四个选项卡：评论、酒店、航班和摘要（其中每个选项卡都是一个组件）。我使用 Acertenity UI 中的选项卡 UI 组件来实现此布局。
我面临的问题是无法在每个选项卡的内容中在选项卡之间导航。目前，我依靠导航栏进行选项卡导航，但我希望用户在选择航班或酒店时无缝移至下一个选项卡（酒店或航班）。
我将非常感谢有关如何在我的项目中实现此功能的任何帮助或指导。感谢您的帮助！ 🙏
如果有人想查看代码，请留下下面的存储库（它有点混乱，部分内容被注释掉，但这是我的第一批人）。问题主要来自 MainPage 和 Tabs 组件。请大家如我所说提供任何帮助，我们将不胜感激
https://github.com/ihamzamehdaoui/L-PI-IF-OU/tree/main/Reacts/vite-project
我建议将 MainPage.jsx 中定义的
activeTabIndexsetActiveTabIndexactiveTabIndex