react 组件连动效果_封装react组件——三级联动

import React from 'react';

import DropDownMenu from 'material-ui/DropDownMenu';

import MenuItem from 'material-ui/MenuItem';

import { provinces, cities, counties } from './provinceData';

class ProvinceSelect extends React.PureComponent {

constructor(props) {

super(props);

this.state = {

provinceValue: '安徽省',

provinceIndex: 0,

cityValue: '合肥市',

cityIndex: 0,

countyValue: '瑶海区',

countyIndex: 0,

};

}

handleChangeProvince = (event, index, value) =>

this.setState({

provinceIndex: index,

provinceValue: value,

cityValue: cities[index][0],

countyValue: counties[index][0][0],

});

handleChangeCity = (event, index, value) =>

this.setState