为什么项目没有出现在下拉菜单中? 我有一个数组,要在下拉列表中放置哪些项目:
const categoryDB = [
"Notebook",
"Desktop PC",
"Monitor"
]
我的React / materialui元素如下所示:
<TextField style={tfBigStyling} select required="true" margin="normal" label="Category" size="medium">
{categoryDB.map((option) => (
<MenuItem key={option.value} value={option.value}>
{option.label}
</MenuItem>
))}</TextField>
但是,如果我查看该网站,则只有文本字段的下拉列表为空。我做错了什么?如何将categoryDB
的那些项设置为下拉菜单?预先感谢
答案 0 :(得分:0)
您的数组仅包含字符串,而不包含对象,因此在您的map函数中不应仅引用.value
引用.label
或option
。或者,您可以将原始数组修改为:
const categoryDB = [
{
label: "Desktop PC",
value: 1
},
{
label: "Notebook",
value: 2
},
{
label: "Monitor",
value: 3
}
]