qwe.jsx

qwe.jsx

import React from 'react';
import $ from 'jQuery';

class Alert extends React.Component {
    render() {
        return (
            <div className='alert'>alert</div>
        )
    };
}
class Header extends React.Component {
    render() {
        return (
            <div className='header'>header</div>
        )
    };
}


class App extends React.Component {
    componentDidMount() {
        let el = React.findDOMNode(this.refs.header);
        this.heightHeader = $(el).height();
        console.log(this.heightHeader);
    }

    render() {
        var heightAlert = 30;
        var divStyle = {paddingTop: 20 + this.heightHeader + heightAlert};
        return (
            <div style={divStyle}>
                <div className='top'>
                    <Alert/>
                    <Header ref="header"/>
                </div>
                Контент
            </div>
        )
    };
}
React.render(
    <App />,
    document.getElementById('example')
);