OrientationDetectionReactJS.js

import React from 'react';

class OrientationDetection extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            orientation: 0
        }
    }

    componentDidMount() {
        window.addEventListener('orientationchange', () => {

            this.setState({
                orientation: window.orientation
            }, () => {
                console.log('orientation: ', this.state.orientation);
            })
        }, false);
    }

    componentWillUnmount() {
        window.removeEventListener('orientationchange', () => {
            console.log('removed orientationchange');
        }, false);
    }

    render() {
        return (
            <div>
                {this.state.orientation === 90 ? <p>I am only Visible in Landscape</p> : null}
            </div>
        )
    }
}

export default OrientationDetection;