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

Reactjs 如何在材质ui选择菜单项中映射字符串数组?,reactjs,forms,material-ui,Reactjs,Forms,Material Ui,我正在尝试将材质UI中的选定项中的字符串数组映射到菜单项。我该怎么做 const Form2 = () => { const courses = ["Educational Courses","Vocational Courses"] return ( <> <form> <InputLabel>Courses</InputLabel>

我正在尝试将材质UI中的选定项中的字符串数组映射到菜单项。我该怎么做

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

  return (
      <>
        <form>
          <InputLabel>Courses</InputLabel>
          <select>
          {courses.map((course) => {
              <MenuItem></MenuItem>
           })}
          </select>
        <form/>
     </>
   );
}
const Form2=()=>{
const课程=[“教育课程”、“职业课程”]
返回(
课程
{courses.map((courses)=>{
})}
);
}
{courses.map((课程,索引)=>{
返回(
{course}
)
})}
{courses.map((course, index) => {
    return (
       <MenuItem key={index}>{course}</MenuItem>
      )
 })}