制作网站公司选 择乐云seo_保定模板建站软件_海门网站定制_北京制作页面

export default class AreaPicker extends Component {constructor() {super(...arguments)this.state = {addressJSON: address.addressJSON,multiIndex: [0, 0, 0],addressMulti: [],data: '',selectArea: '请选择所在地区'}// 绑定方法，（react有多种绑定的方法）this.onChange = this.onChange.bind(this)this.onColumnChange = this.onColumnChange.bind(this)}componentDidMount() {this.initAddress()}componentWillReceiveProps(nextProps) {this.setState({selectArea: nextProps.myAreas || '请选择所在地区'})}// 初始化城市JSON数据initAddress() {let addressMulti = [];let addressJSON = this.state.addressJSON;// 第一纬度（省）let ArrayOne = [];for (let key in addressJSON) {ArrayOne.push(key);};addressMulti.push(ArrayOne);// 第二纬度（市）let ArrayTwo = [];for (let key in addressJSON[ArrayOne[0]]) {ArrayTwo.push(key);};addressMulti.push(ArrayTwo);// 第三纬度（区）let ArrayThree = addressJSON[ArrayOne[0]][ArrayTwo[0]];addressMulti.push(ArrayThree);this.setState({addressMulti: addressMulti});}// 最后选择的地址onChange(e) {// e 的值返回的是一个数组，列如：[0, 0, 0]const { addressMulti, multiIndex } = this.statethis.setState({multiIndex: e.detail.value,selectArea: addressMulti[0][multiIndex[0]] + ' ' + addressMulti[1][multiIndex[1]] + ' ' + addressMulti[2][multiIndex[2]]});const myAreas = addressMulti[0][multiIndex[0]] + ' ' + addressMulti[1][multiIndex[1]] + ' ' + addressMulti[2][multiIndex[2]]const myAreas1 = addressMulti[0][multiIndex[0]] const myAreas2 = addressMulti[1][multiIndex[1]] const myAreas3 = addressMulti[2][multiIndex[2]]// 调用父组件传参this.props.onSelectArea(myAreas,myAreas1,myAreas2,myAreas3)}getKeyList(obj) {let keyList = [];if (obj) {for (let key in obj) {keyList.push(key);};};return keyList;}// 选择某个地址列表onColumnChange(e) {let data = {addressMulti: this.state.addressMulti,multiIndex: this.state.multiIndex};// column 指的是列data.multiIndex[e.detail.column] = e.detail.value;let keyOne = nulllet keyTwo = nullswitch (e.detail.column) {case 0:// 计算第二纬度keyOne = data.addressMulti[0][data.multiIndex[0]];data.addressMulti[1] = this.getKeyList(this.state.addressJSON[keyOne]);// 计算第三纬度keyTwo = data.addressMulti[1][0];data.addressMulti[2] = this.state.addressJSON[keyOne][keyTwo];data.multiIndex[1] = 0;data.multiIndex[2] = 0;break;case 1:// 计算第三纬度keyOne = data.addressMulti[0][data.multiIndex[0]];keyTwo = data.addressMulti[1][data.multiIndex[1]];data.addressMulti[2] = this.state.addressJSON[keyOne][keyTwo];data.multiIndex[2] = 0;break;}this.setState(data);}render() {const { addressMulti, multiIndex, selectArea } = this.statereturn (<View class="container"><Pickermode='multiSelector'onChange={this.onChange}onColumnChange={this.onColumnChange}value={multiIndex}range={addressMulti}><View class="picker">{selectArea}</View></Picker></View>)} 为什么要做seo盐城网站建设兼职网站设计网页设计公司成都百度网站优化2020年必看设计展合伙企业怎么注册公司昆明网站运营公司有哪些购物商城名字大全用友淘宝官网首页网址营销一体化营销平台企业互联网推广方式网页的制作工具html网站免费下载字节跳动现有员工人数山东网站营销推广费用合肥网络推广软件系统一个完整的项目计划书微信小程序订货系统北京十大奢侈品商场电子商务网页设计论文浏阳今日疫情九江网站设计公司四川建设网官网入口建设局工作总结湖北省建设信息网官网快速提高关键词排名的软件西安新闻网官网广告公司报价单明细开发官网多少钱网课网站