封装组件 < InputSelectWithArea />
import React from 'react';
import CSS from './index.module.less';
import {Cascader} from "antd";
import { cityArray } from './cityData';
class InputSelectWithArea extends WidgetOfBase {
render=()=>{
return(
<Cascader
style={{ width: '100%' }}
options={cityArray}
defaultValue={value}
onChange={this.onChange}
placeholder="Please select"
/>
)
}
}
cityData.js
export const cityArray = [
{
"label": "北京市",
"value": "北京市",
"children": [
{ "label": "市辖区", "value": "市辖区", "children": [{ "label": "东城区", "value": "东城区" }, { "label": "西城区", "value": "西城区" }, { "label": "朝阳区", "value": "朝阳区" }, { "label": "丰台区", "value": "丰台区" }, { "label": "石景山区", "value": "石景山区" }, { "label": "海淀区", "value": "海淀区" }, { "label": "门头沟区", "value": "门头沟区" }, { "label": "房山区", "value": "房山区" }, { "label": "通州区", "value": "通州区" }, { "label": "顺义区", "value": "顺义区" }, { "label": "昌平区", "value": "昌平区" }, { "label": "大兴区", "value": "大兴区" }, { "label": "怀柔区", "value": "怀柔区" }, { "label": "平谷区", "value": "平谷区" }, { "label": "密云区", "value": "密云区" }, { "label": "延庆区", "value": "延庆区" }] }]...
}//篇幅太长...