app-base-web/src/library/province/index.js

web development common base package.

import React from 'react';
import { Select } from 'antd';
const data = ["北京市", "天津市", "河北省", "山西省", "内蒙古", "辽宁省", "吉林省", "黑龙江省", "上海市", "江苏省", "浙江省", "安徽省", "福建省", "江西省", "山东省", "河南省", "湖北省", "湖南省", "广东省", "广西", "海南省", "重庆市", "四川省", "贵州省", "云南省", "西藏", "陕西省", "甘肃省", "青海省", "宁夏", "新疆", "台湾省", "澳门", "香港", '其他'];
const Option = Select.Option;
export default class Province extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      hasNullVal: this.props.hasNullVal === false ? false : true,
      nullValue: this.props.nullValue || "",
      nullText: this.props.nullText || "请选择"
    }
  }
  init() {
    const rows = [];
    var len = data.length;
    for (let i = 0; i < len; i++) {
      let value = data[i];
      rows.push(<Option key={value} title={value}>{value}</Option>);
    }
    return rows;
  }
  render() {
    let _showSearch = this.props.showSearch == false ? false : true;
    return (
      <Select className="app-province" {...this.props} placeholder={this.props.placeholder || "请选择省份"} virtual={false} showSearch={_showSearch} optionFilterProp="title">
        {this.init()}
      </Select>
    );
  }
}