MineSeeker/src/Mine/SeekerBundle/Resources/public/js/mine-seeker/user/user-control.js

import React from 'react';
import User from './user';

class UserControl extends React.Component {
    constructor() {
        super();

        /**
         * activePlayer - red: 0, blue: 1
         * @type {{activePlayer: number, mines: number}}
         */
        this.state = {
            activePlayer: 0,
            mines: 51
        };
    }

    render() {
        return (
            <div>
                <User ref="blue" name={this.props.blue}/>
                <div>Active mines: {this.state.mines} pcs</div>
                <User ref="red" name={this.props.red}/>
            </div>
        );
    }
}

export default UserControl;