# 关注选择器

## 组件效果

![](https://im.weaver.com.cn/server/index.php?s=/api/attachment/visitFile&sign=23d1b4b3b5202c89a5c670fa3e1f0712)

## DEMO

```js

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

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

## 参数说明

| 参数       | 说明                 | 类型                             | 是否必填 | 默认值 |
|:-----------|:---------------------|:---------------------------------|:---------|:-------|
| onSelect   | 选完关注事项后的回调 | (result: FollowEntity[]) => void | 是       | -      |
| routeProps | 页面路由             | RouteComponentProps              | 是       | -      |

### FollowEntity

``` js
export interface FollowEntity {
    /** 事项 id */
    id: string
    /** 事项名称 */
    name: string
    /** 事项模块 */
    _entityType: string
    /** 模块对应的IM类型 */
    _entityImId: number
    /** 扩展信息，目前只有消息类型的事项才有该字段 */
    ext?: Object
}
```
