考虑到数据安全性，增加业务方透传这层服务，整体组件架构： 具体输入，输出，引用相关：

GroupAnalyse
人群分析组件
输入:
  option
  {
    accessKey: , //圈人相关的key
	categoryId: , //分类id
	initialTags: [{tagId: , tagValue, ...tagProperty}, ...], //初始化选中的标签列表
    //圈人相关的服务地址配置
    urlConfig: {
      //初始化标签列表对应的服务地址
      'getAppTagList.json': //,
      //获取标签详情服务地址
      'getAppTagValue.json': //, 
      //计算人数
      'getCrowdCount.json': //
    },
    //设置筛选条件 || 查询到筛选结果 || 总计算结果变化 均会触发该事件
    onSelectedTagChange: function (params) {
        /** params
         * {
         *  selectedTags: [{tagId, selectTagValue, selectTagCrowdNum, .... }, {}],
         *  allTagsCrowdNum: xxx , // 所有标签综合筛选的结果 
         * } 
         */
    }
  }

//标签及其分类， 数据类型等动态配置 只要改变accessKey即可 整体逻辑都会重置

对外暴露的方法
  //传入tagId ,删除对应的选中状态，并更新相应的数据 tagId | [tagId, tagId, tagId]
  deleteTag: function (tagId) {
  
  }

引用例子:
import React, { Component } from 'react';
import GroupAnalyse from 'groupAnalyse';
class Test extends Component {
  render () {
    return (
      <div>
        <GroupAnalyse option={option} ref={ c => this.ga = c }></GroupAnalyse>
        <button onClick={this.onDelete.bind(this, tagId)}></button>
      </div>     
    ); 
  },
  //用于删除的例子
  onDelete (tagId) {
    this.ga.deleteTag(tagId); 
  }
}