我需要添加并显示权限选项卡

Question

我正在使用材料UI选项卡我的任务是什么我只需要在权限为true时显示选项卡我已经完成了那部分，但如果权限为false，它将不起作用，因此会抛出错误我无法隐藏选项卡…

const permission = {
corp_permission: false,
user_permission: true
};
export default function LabTabs() {
const classes = useStyles();
const [value, setValue] = React.useState("1");
const handleChange = (event, newValue) => {
setValue(newValue);
};
return (
<div className={classes.root}>
<TabContext value={value}>
<TabList onChange={handleChange} aria-label="simple tabs example">
<Tab label="Item One" value="1" />
{permission.corp_permission == true && (
<Tab label="Item Two" value="2" />
)}
<Tab label="Item Three" value="3" />
{permission.user_permission == true && (
<Tab label="Item Four" value="4" />
)}
</TabList>
<TabPanel value="1">Item One</TabPanel>
<TabPanel value="2">Item Two</TabPanel>
<TabPanel value="3">Item Three</TabPanel>
<TabPanel value="4">Item four</TabPanel>
</TabContext>
</div>
);
}

CodeSandBox链接

Answer 1

如果你还没有弄清楚，这里：

https://codesandbox.io/s/material-demo-forked-cubew?file=/demo.js

注意：MUIv4代码有些地方很乱，所以我绝对建议升级到v5。