after-first.js

import React, { Component, PropTypes } from 'react'
import { render } from 'react-dom'
import withContext from './with-context'

class Parent extends Component {
  static childContextTypes = {
    someContext1: PropTypes.object,
    someContext2: PropTypes.object
  }
  
  render() {
    return (
      <Stuff>
        {this.props.children}
      </Stuff>
    )
  }
}

class Child extends Component {
  render() {
    console.log('Context:', this.context)
    // -> Object { }
    
    console.log('Props:', this.props)
    // -> Object { someContext1: {...}, someContext2: {...} }
  }
}

const withSomeContext1 = withContext('someContext1', PropTypes.object)
const withSomeContext2 = withContext('someContext2', PropTypes.object)
const WrappedChild = withSomeContext1(withSomeContext2(Child))

render(
  <Parent>
    <WrappedChild />
  </Parent>,
  document.getElementById('root')
)