---
title: 员工卡片
sidemenu: true
---

## 员工卡片

这也完全是一个受控组件

```tsx
/**
 * background: '#f0f2f5'
 */

import React from 'react';
import { Space } from 'antd';
import UserInfo from '@/components/UserInfo';
import { formatUserRender } from '@/utils';
export default () => {
  const user = {
        "nameZh": "李灿",
        "account": "nolan.li",
        "state": 1};
  return (
    <Space direction="vertical" style={{width: 500}} >
      {formatUserRender(user)}
      <UserInfo />
    </Space>
  );
};
```

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