HoC stuff

hoc-ey.js

// HoC
// localize({ a:'b' })(MyFoo)
const localize = dict => Child => class Connected extends Component {
  getChildContext() {
    return { dict }
  }
  render(props) {
    return <Child {...props} />
  }
}


// Not HoC :(
// <Localize dict={{ a:'b' }}><MyFoo /></Localize>
// const MyFoo = <Localize dict={{ a:'b' }}><MyActualFoo /></Localize>
class Localize extends Component {
  getChildContext() {
    return { dict }
  }
  render() {
    return this.props.children[0]
  }
}