按类别分类的下拉列表

Posted 2023-02-25

我正在尝试使用Material-UI使用按类别对项目进行排序的下拉列表，例如：

Category1 (not clickable) 
test1 
test2 
Category2 (not clickable) 
test3
test4

我尝试了以下操作，但Select组件不接受两个maps。知道如何实现吗？

import Select from '@material-ui/core/Select'
import MenuItem from '@material-ui/core/MenuItem'

    <Select value=value onChange=handleChange>
      items.map(item=> (
             <MenuItem value="">
                <em> item.category</em>
             </MenuItem>
          item.tags.map(i=> (
            <MenuItem value=i key=i>
              i
            </MenuItem>
          ))
      ))
    </Select>

答案

我只是自己遇到这个问题。两种语法形式的片段都不起作用。问题有点老了，但对于其他有此问题的人，这里是我使用的解决方法。