材质UI选择分组MenuItem-值不成立

Question

我的Material UI React代码需要将Select中的MenuItem分组。但这是行不通的。未选择默认值。下面是我的示例代码。当我删除div标签时，一切正常。今天几个小时，我一直在寻找解决方案。

import React from 'react';
import MenuItem from '@material-ui/core/MenuItem';
import Select from '@material-ui/core/Select';

export default function GroupedSelect() {
  let array=[1,2,3,4];

  return (
    <div>
        <Select  id="grouped-select" value={4}>
        {array.map(item => (
          <div>
            <MenuItem value={item}>{item}</MenuItem>
          </div>
        ))}
        </Select>
    </div>
  );
}

Answer 1

我找到了解决方案。我记得我可以使用JavaScript组装JSX。做到了。