Header.jsx

import React from 'react';
import { ButtonToolbar, Button } from 'react-bootstrap'

import BaseControl from '../../BaseControl.jsx'
import MenuControl from '../MenuControl.jsx'
import UserControl from '../User/UserControl.jsx'

export default class Header extends BaseControl {

    constructor(props) {
        super(props, "Header");
    }

    //Для отладки
    OnRegistersClick() {
        //Глобальное состояние приложения
        let Global = this.GlobalState;
        //Регистр всех активных компонентов
        let Controls = BaseControl.controlRegister;
        //Регистр событий
        let Events = this.EventRegister;
        debugger;
    }

    render() {

        return (
            <div>
                <p>Header</p>

                <button onClick={this.OnRegistersClick}>Registers</button>

                <MenuControl ref="MenuControl" />
                <hr />
                <UserControl ref="UserControl" />
                <hr />
            </div>
        );

    }
}