reacting-responsively-snippet-3.jsx

import React, { Component } from 'react';
import MediaQuery from 'react-responsive';

class Navigation extends Component {
  
  render() {
    return (
      <MediaQuery minWidth={992}>
        {matches => {
          return matches
            ? <nav className="app-nav" role="navigation">…</nav>
            : <nav className="mobile app-nav" role="navigation">…</nav>
        }}
      </MediaQuery>
    );
  }
  
}

export default Navigation;