Ant Design Pro做为阿里旗下的开源前端框架其优秀和优势就不用赘述了。
请看下图
今天我们要讲的是如何在ant design pro中做权限验证。
请看下图
今天我们要讲的是如何在ant design pro中做权限验证。
先上代码:
import RenderAuthorized from '../components/Authorized';
const user=getUser();
const Authorized = RenderAuthorized(user.role);
const noMatch = <Alert message="No permission." type="error" showIcon />;
const havePermission = () => {
return false;
};
const havePermissionAsync = new Promise((resolve,reject)=>{
// Call reslove on behalf of passed
setTimeout(()=>reslove(),1000)
});
ReactDOM.render(
<div>
<Authorized authority="admin" noMatch={noMatch}>
<Alert message="user Passed!" type="success" showIcon />
</Authorized>
<Authorized