Javascript 如何根据useState中设置的值显示下拉菜单选项反应和材料界面

所以，我有一个api来获取名人的名字，目前我只是初始化 状态并将虚拟数据存储在以下状态：

const[drop,setDrop] = useState(["Virat Kohli","Selena Gomez","Deepika Padukone"]);

现在，我希望下拉列表具有以下值：

选择

维拉特科利

赛琳娜·戈麦斯

迪皮卡·帕杜肯

我在返回函数中使用了以下代码：

                   drop.map( d=> 
                            {
                                <MenuItem value={d} index="1">{d}</MenuItem>

                            })

drop.map（d=>
{
{d}
})

但是，没有显示任何内容，而且我对索引部分感到困惑，它应该迭代并增加。 有人能帮忙吗？ 提前感谢：）

试试这个

drop.map( d=> { 
 <MenuItem value=`${d}` index="1">{d}</MenuItem>
})

drop.map（d=>{
{d}
})

试试这个

drop.map( d=> { 
 <MenuItem value=`${d}` index="1">{d}</MenuItem>
})

drop.map（d=>{
{d}
})

您可以显示更多代码吗？您的箭头函数没有返回

。添加

return

或删除花括号：尝试以下操作：

drop.map（（drop）=>（{drop}））可以显示更多代码吗？箭头函数没有返回
。添加
return
或删除花括号：尝试以下操作：
drop.map（（drop）=>（{drop}））