components/ProfileEdit/ProfileEditForm/ProfileEditFormSchool/ProfileEditFormSchool.jsx

/**
 * Поле школы в попапе редактирования профиля
 * @module ProfileEditFormSchool
 * @author Ihor Bielchenko
 * @requires react
 * @requires react#Component
 * @requires react-redux#connect
 */

import React, { Component } from 'react';
import { connect } from 'react-redux';

/**
 * Поле школы в попапе редактирования профиля
 * @extends Component
 */
class ProfileEditFormSchool extends Component {

	/**
	 * Render component
	 * @return {Object} jsx object
	 */
	render() {
		var i,
			schools = [];

		for(i = 0; i < this.props.user.schools.length; i++) {
			schools.push(<option 
				key={i}
				value={this.props.user.schools[i].id}>{this.props.user.schools[i].name}</option>)
		}

		return <div className="block5">
					<div className="line">
						<span className="main-span">{this.props.lang.edit_school_title}</span>
						<select id="user-school"
							defaultValue={this.props.user.school.id}>
								{schools}
						</select>
					</div>
				</div>
	}
}

/**
 * Init redux states
 * @param {Object} state
 * @return {Object}
 */
function mapStateToProps(state) {
	return {
		lang: state.lang,
		user: state.user,
	}
}

export default connect(mapStateToProps)(ProfileEditFormSchool);