react tips

typescript-react-lengcy-context.tsx

import PropTypes from 'prop-types';

export const contextTypes = {
  renderText: PropTypes.func,
  form: PropTypes.any,
  model: PropTypes.any,
  mode: PropTypes.string,
  schemas: PropTypes.any,
};

export interface IContext {
  model?: any;
  renderText: (string) => string;
  form: WrappedFormUtils;
  mode: string;
  schemas: ISchemaItem[];
}

class Container extends React.Component<IProps, IState> {
  constructor(props: IProps, context: IContext) {
    super(props, context);
    this.state = {};
  }

  static childContextTypes = contextTypes;

  getChildContext() {
    return this.getChildCommonProps();
  }
  
  getChildCommonProps() {
    // TODO
  }
}

export default class EndPoint extends React.PureComponent<IProps, IState> {
  context: IContext;
  static contextTypes = contextTypes;

  constructor(props: IProps, context: IContext) {
    super(props, context);
    this.state = {};
  }
  componentDidMount() {
    //this.context.xxx
  }
}