dragon-mobile-ui/examples/decorators/withContext.js

UI for react.js

import PropTypes from 'prop-types';
import React, { Component } from 'react';

function withContext(ComposedComponent) {
  return class WithContext extends Component {

    static propTypes = {
      context: PropTypes.shape({
        onInsertCss: PropTypes.func,
        onSetTitle: PropTypes.func,
        onSetMeta: PropTypes.func,
        onPageNotFound: PropTypes.func,
      }),
    };

    static childContextTypes = {
      onInsertCss: PropTypes.func.isRequired,
      onSetTitle: PropTypes.func.isRequired,
      onSetMeta: PropTypes.func.isRequired,
      onPageNotFound: PropTypes.func.isRequired,
    };
    
    getChildContext() {
      const context = this.props.context;
      return {
        onInsertCss: context.onInsertCss || function() {},
        onSetTitle: context.onSetTitle || function() {},
        onSetMeta: context.onSetMeta || function() {},
        onPageNotFound: context.onPageNotFound || function() {},
      };
    }

    render() {
      const { context, ...other } = this.props;
      return <ComposedComponent {...other} />;
    }

  };
}

export default withContext;