<Tabs
          value={solutionname}
          onChange={handleChange}
          aria-label="解决方案名称"
        >
           
          {machinechangeList && machinechangeList.map((item: any, idx: number) => {
           return <Tab value={item.id.toString()} label={item.name} />
          })}
        </Tabs>
const handleChange = (event: React.SyntheticEvent, newValue: string) => {
    setSolutionName(newValue);
  };

运行结果

 

前端项目实战叁佰捌拾柒react-admin和material ui-material ui tabs案例_解决方案