Commit 9c690972 authored by jim's avatar jim

add Authorized doc

parent 0647007c
......@@ -7,16 +7,78 @@ title:
Simplest of usage.
````jsx
```jsx
import RenderAuthorized from 'ant-design-pro/lib/Authorized';
import { Alert } from 'antd';
const Authorized = RenderAuthorized('user');
const noMatch = <Alert message="No permission." type="error" showIcon />
const noMatch = <Alert message="No permission." type="error" showIcon />;
ReactDOM.render(
<Authorized authority='admin' noMatch={noMatch}>
<Authorized authority="admin" noMatch={noMatch}>
<Alert message="Passed!" type="success" showIcon />
</Authorized>
, mountNode);
````
mountNode,
);
```
user Array
```jsx
import RenderAuthorized from 'ant-design-pro/lib/Authorized';
import { Alert } from 'antd';
const Authorized = RenderAuthorized('user');
const noMatch = <Alert message="No permission." type="error" showIcon />;
ReactDOM.render(
<Authorized authority={['user','admin']} noMatch={noMatch}>
<Alert message="Passed!" type="success" showIcon />
</Authorized>
mountNode,
);
```
user Funtion
```jsx
import RenderAuthorized from 'ant-design-pro/lib/Authorized';
import { Alert } from 'antd';
const Authorized = RenderAuthorized('user');
const noMatch = <Alert message="No permission." type="error" showIcon />;
const Havepermission = () => {
return false;
};
ReactDOM.render(
<Authorized authority={Havepermission} noMatch={noMatch}>
<Alert message="Passed!" type="success" showIcon />
</Authorized>
mountNode,
);
```
user Promise
```jsx
import RenderAuthorized from 'ant-design-pro/lib/Authorized';
import { Alert } from 'antd';
const Authorized = RenderAuthorized('user');
const noMatch = <Alert message="No permission." type="error" showIcon />;
const Havepermission = new Promise((reslove,reject)=>{
// Call reslove on behalf of passed
setTimeout(()=>reslove(),1000)
});
ReactDOM.render(
<Authorized authority={Havepermission} noMatch={noMatch}>
<Alert message="Passed!" type="success" showIcon />
</Authorized>
mountNode,
);
```
......@@ -48,6 +48,7 @@ order: 15
### Authorized.check
函数形式的 Authorized,用于某些不能被 HOC 包裹的组件。 `Authorized.check(authority, target, Exception)`
注意:传入一个Promise时 无论正确还是错误返回的都是一个ReactNode.
| 参数 | 说明 | 类型 | 默认值 |
|----------|------------------------------------------|-------------|-------|
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment