# 标签列表-H5

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

## DEMO

CorsComponent 组件方式

```js

render() {
    const path = `${fomatParentPath(this.props)}/tag`
    return <>
            <MButton type="primary" onClick={this.handleClickTagPage}>打开标签列表页</MButton>
            <CorsComponent
                app='@weapp/my'
                compName='MTag'
                path={path}
                hidePub
                onSelect={this.selectTag}
            />
    </>
}

handleClickTagPage = () => {
    this.props.history.push(`${fomatParentPath(this.props)}/tag`)
}

selectTag = (tag: TagData)=> {
    console.log('select tag', tag)
}
```

### 参数说明

| 参数        | 说明                   | 类型                   | 是否必填 | 默认值 |
|:------------|:-----------------------|:-----------------------|:---------|:-------|
| hidePub     | 是否不显示公共标签     | boolean                | 否       | false  |
| hideManager | 是否不显示标签管理设置 | boolean                | 否       | false  |
| onSelect    | 选中标签时的回调       | (tag: TagData) => void | 否       | -      |
