rc-select-city

1.0.7 • Public • Published

example

 
 
import React from 'react';
import ReactDOM from 'react-dom';
import SelectCity from 'rc-select-city';
 
import SelectCity from "rc-select-city";
import "rc-select-city/assets/index.css"
import "antd/dist/antd.css";
const address = require("rc-select-city/address.json");
 
/**
 * 参数集合
 */
const params = {
    deepMap: [{ name: '', value: 31, }, { name: '', value: 383 }, { name: '', value: 3234 }],
    popupStyle: {
        width: 350,
        zIndex: 99,
    }, /* 弹窗样式 */
    search: true, /* 模糊搜索 */
    address, /* json方式 方式城市基本数据,与addressApi选项2选1, 优先 address */
    //addressApi: apiConfig.getCityData, /* fetch api方式城市基本数据 */
    style: {
        width: 150,
    }, /* input 的样式 */
    onChange(selectVal, selectName, code) {  /* 选择到最后一层的回调 */
        console.log('change', selectVal, selectName, code)
    },
    onSelect(selectVal, selectName, code) { /* 每层选择的回调,除了, 除了最后一层调用onChange */
        console.log('select', selectVal, selectName, code)
    },
}
ReactDOM.render(<SelectCity params={params}/>, document.getElementById('root'));
 

Readme

Keywords

Package Sidebar

Install

npm i rc-select-city

Weekly Downloads

2

Version

1.0.7

License

ISC

Unpacked Size

1.98 MB

Total Files

42

Last publish

Collaborators

  • shenck
  • w567675