Reactjs 如何在React JS中创建自定义选择下拉列表

我想用钩子创建一个自定义的选择下拉列表，我试过了，但没有成功。一旦点击下拉项，该项文本应打印在标签中，请在此帮助我

import React，{useState}来自“React”；
函数App（）{
返回(
所选下拉文本应位于此处





)
}
导出默认应用程序
@import'https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css'


import React，{useState}来自“React”；
函数App（）{
const[dropdown，setdropdown]=useState（0）；
const dropdownList=[“特斯拉”、“沃尔沃”、“梅赛德斯”]；
const dropdownListClick=索引=>{
设置下拉列表（索引）；
};
返回(
{dropdownList[dropdown]}
{dropdownList.map（（值，索引）=>{
返回(
);
})}
)
}
导出默认应用程序
我建议使用一个“isOpen”状态，作为显示
的条件。有很多youtube教程展示了如何构建这样的东西。是的，我已经做了隐藏显示，但我想得到onClick的值。