React 组件拆分学习，过程中写的省市县联动Demo

CityOptionItem.js

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class CityOptionItem extends Component {
  constructor(){
    super();
    this.state={};
  }
  render(){
    return (
      <option value={this.props.area.code}>{this.props.area.name}</option>
    );
  }
}
CityOptionItem.propTypes={
  area:PropTypes.object
}
export default CityOptionItem;

AreaSelect.js

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CityOptionItem from './CityOptionItem';

class AreaSelect extends Component {
  constructor(){
    super();
    this.state={};
    this.handleChange=this.handleChange.bind(this);
  }
  handleChange(event){
    if(this.props.dataChange){
      this.props.dataChange(this.refs.area_option.value);
    }
  }
  render(){
    let element