SelectFormGroup.js

SelectFormGroup.js

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import Select from '../elements/Select'

class SelectFormGroup extends Component {
	constructor(props) {
		super(props)
		this.state = {
			name: this.props.name,
			label: this.props.label,
		}
	}

	render() {
		return (
		  <div className="form-group">
		    <label htmlFor={this.state.name}>{this.state.label}</label>
		    <Select {...this.props} />
		  </div>
		)
	}
}

SelectFormGroup.propTypes = {
	name: PropTypes.string,
	label: PropTypes.string,
}

SelectFormGroup.defaultProps = {
	name: 'select',
	label: 'Select Label:',
}

export default SelectFormGroup