---
title: 绑定角色组件
sidemenu: true
---

## 绑定角色组件

这个组件用来绑定角色

> 注意： 需要在 <span style="color: red;">url</span> 上带上 <span style="color: red;">appId</span> 参数 

```tsx
/**
 * background: '#f0f2f5'
 */
import React, { useEffect } from 'react';
import { useDispatch } from 'umi';
import { Space } from 'antd';
import { BindRole } from '@/components';

export default () => {
  const dispatch = useDispatch();
  useEffect(() => {
    dispatch({
      type: 'public/fetchRoleList',
      payload: 4294967530,
    });
  }, [dispatch]);
  return (
    <Space>
      <BindRole type="feature" id={4294970531}>
        <a>不带时间的role绑定组件</a>
      </BindRole>
      <BindRole isHaveDate type="user" id={4294970531}>
        <a>带时间的role绑定组件</a>
      </BindRole>
    </Space>
  );
};
```

<API src="./index.tsx"></API>