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