antd-pro-dynamic-menu/src/components/Authorized/demo/AuthorizedFunction.md

---

order: 2 title: zh-CN: 使用方法作为参数

en-US: Use function as a parameter

Use Function as a parameter

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="Use Function as a parameter passed!"
      type="success"
      showIcon
    />
  </Authorized>,
  mountNode,
);