Reactjs 如何根据React中的选择显示内容？

我有两个组件水平选项卡组件和垂直侧栏组件，这两个组件合并在单个组件中，即在Combined.js中

我的垂直侧栏组件状态包含对象数组，即const[items，setitems]=useState{ 学生：[{displayid:12，姓名：CHRIS}，{displayid:13，姓名：RYAN}] };

如何使用react引导在水平选项卡上显示根据从垂直侧栏组件中选择的选项选择的内容

现在主要的问题是我想把我的displayid传递给水平选项卡组件，对于我在本节中遇到的所选垂直侧栏组件

---

快速演示由于假url而无法工作，在组合组件中声明一个useState，并将setter传递给垂直组件，以在select上设置id，然后将获得的id传递给水平组件。这里您可以检查一个。

示例不起作用。您好@Abdelrhman Arnos我知道它不起作用主要问题是我想将我的displayid传递给水平选项卡组件，对于所选的垂直侧栏组件，我卡在这一部分中非常感谢兄弟，我对这一部分感到困惑，您用一种方法清除了它。