Listing 17-5: Using the Context.Consumer Component

import React from 'react';
import {PrefsContext} from './contexts/UserPrefs';

class TimeDisplay extends React.Component {
  
  render() {
    return (
      <PrefsContext.Consumer>
        {userPrefs => {
          
            Your language preference is {userPrefs.lang}.<br />
            Your timezone is {userPrefs.timezone}.
          
         }};
      </ PrefsContext.Consumer >
    )
  }
}

export default TimeDisplay;