[英]Textfield with dropdown material ui items won't show ReactJS
why does the items not appear in dropdown?为什么这些项目没有出现在下拉列表中? I have an array which items I want to be on the dropdown:我有一个数组,我想在下拉列表中显示哪些项目:
const categoryDB = [
"Notebook",
"Desktop PC",
"Monitor"
]
My React/materialui element looks like the following:我的 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>
But if I look at the website there's only the textfield with a empty dropdown list.但是,如果我查看该网站,则只有带有空下拉列表的文本字段。 What did I do wrong?我做错了什么? How can I set those items of categoryDB
as dropdown?如何将categoryDB
的这些项目设置为下拉列表? Thanks in advance提前致谢
Your array only contains strings, not objects, so in your map function shouldn't reference .value
or .label
, just option
.您的数组仅包含字符串,而不包含对象,因此在您的 map function 不应该引用.value
或.label
,只是option
。 Alternatively you could modify your original array to something like:或者,您可以将原始数组修改为:
const categoryDB = [
{
label: "Desktop PC",
value: 1
},
{
label: "Notebook",
value: 2
},
{
label: "Monitor",
value: 3
}
]
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.