封装组件 < 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(<Cascaderstyle={{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": "延庆区" }] }]...}//篇幅太长...
