# 关注选择器-H5

## 组件效果
![](https://im.weaver.com.cn/server/index.php?s=/api/attachment/visitFile&sign=2c6eb3e178c628a91b87c2bd996e4acc)

## DEMO

```js

render() {
    return <>
      {this.state.module}
    </>
}

loadModule = () => {
    corsImport(`@weapp/my`).then((app) => {
        this.setState({
            module: React.createElement(app.MFollowSelector, {
                defaultOpen: true,
                onSelect: (selectedList) => {
                    console.log('选中的关注事项', selectedList)
                },
                onClose: () => {
                    console.log('已关闭')
                }
            }, <Button>选择关注</Button>)
        })
    })
}
```

## 参数说明

| 参数        | 说明                 | 类型                             | 是否必填 | 默认值 |
|:------------|:---------------------|:---------------------------------|:---------|:-------|
| defaultOpen | 是否默认打开         | boolean                          | 否       | -      |
| onSelect    | 选完关注事项后的回调 | (result: FollowEntity[]) => void | 否       | -      |
| onClose     | 关闭时的回调         | () => void                       | 否       | -      |

### FollowEntity

``` js
interface FollowEntity {
    /** 事项 id */
    id: string
    /** 事项名称 */
    name: string
    /** 更新时间 */
    time: number
    /** 事项模块 */
    module: string
    /** 事项创建人信息 */
    creator: FollowEntityUser
    /** 扩展信息，目前只有消息类型的事项才有该字段 */
    ext?: Object
}

interface FollowEntityUser {
    /** 用户 id */
    id: string
    /** 用户名称 */
    name: string
}
```
