connect_method.js

/* HOC for wrapping the component with Context Provider */
const connect = Component => {
  return function WrappedComponent(props) {
    return (
      <CandyContext.Consumer> /* pass lollipops as a prop */
        {value => <Component {...props} lollipops={value} />}
      </CandyContext.Consumer>
    );
  };
};

/* ChildComponent.js */
const FirstChild = props => (
  <p>
    I am John, and I am wearing {props.clothing} today.
    {props.lollipops ? "thanks for lollipop" : "I want lolipop"}
  </p>
);
/* subscribe FirstChild to Context Changes */
export default connect(FirstChild);