如何在材质 ui 选择菜单项中映射字符串数组？

Question

我正在尝试将材质 UI 中的 Select 项中的字符串数组映射到 menuItem 上。我该怎么做？

const Form2 = () => {
  const courses = ["Educational Courses","Vocational Courses"]

  return (
      <>
        <form>
          <InputLabel>Courses</InputLabel>
          <select>
          {courses.map((course) => {
              <MenuItem></MenuItem>
           })}
          </select>
        <form/>
     </>
   );
}

Answer 1

{courses.map((course, index) => {
    return (
       <MenuItem key={index}>{course}</MenuItem>
      )
 })}