<!-- * @Author: zenghao * @Date: 2022-03-09 17:53:12 * @LastEditors: zenghao * @LastEditTime: 2022-04-26 15:14:35 * @Description: 请填写简介 --> # component--pc-region-markets
npm install dbc-region-markets
javascript
import { RegionSelect } from 'dbc-region-markets'
const [regionsObj, setRegionsObj] = useState(null) // 存储选中的region或market的数据，选完直接点Confirm用
const [regionMarketSelectArr, setRegionMarketSelectArr] = useState([]) // 选中的region或market数据
const regionType = 'region' // 筛选的类型，region或market
const regionCountry = [
{
country:[
{country_name_abbre:'AO',country_name_cn:'安哥拉',country_name_en:'Angola'},
{country_name_abbre:'BJ',country_name_cn:'贝宁',country_name_en:'Benin'}
],
region_abbre: 'af',
region_key:'AF',
region_name_cn: '非洲',
region_name_en: 'Africa'
},
{
country:[
{country_name_abbre:'HK',country_name_cn:'中国香港',country_name_en:'中国香港'},
{country_name_abbre:'MO',country_name_cn:'中国澳门',country_name_en:'Macau'},
{country_name_abbre:'TW',country_name_cn:'中国台湾',country_name_en:'Taiwan'}
],
region_abbre: 'hmt',
region_key:'HMT',
region_name_cn: '港澳台',
region_name_en: 'China(HK,MO,TW)'
},
] // 筛选器展示的可选的所有的region和market
regionCountry={regionCountry}
defaultValue={regionMarketSelectArr}
value={regionMarketSelectArr}
onChange={tags => {
// tags 选中的数据
if (tags?.regions?.length > 0) {
// 执行后续逻辑
}
}}
/>
``