Question

为什么项目没有出现在下拉菜单中？我有一个数组，要在下拉列表中放置哪些项目：

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的那些项设置为下拉菜单？预先感谢

Answer 1

您的数组仅包含字符串，而不包含对象，因此在您的map函数中不应仅引用.value引用.label或option。或者，您可以将原始数组修改为：

const categoryDB = [
  {
    label: "Desktop PC",
    value: 1
  },
  {
    label: "Notebook",
    value: 2
  },
  {
    label: "Monitor",
    value: 3
  }
]

带有下拉材质用户界面项的文本字段不会显示ReactJS

1 个答案: