title: React pass props down to all descendant Components
body: <p>The use case is I would like to "effortlessly" pass down a certain prop values to all descendant components. Not sure if this is even possible in React.</p>
  
  <p>So instead of doing this:</p>
  
  <pre class="lang-js prettyprint-override"><code>class Parent extends Component {
      constructor() {
          super(props);
          this.props.componentID = "123456";
      }
      render() {
          return &lt;Child1 componentID={this.props.componentID} /&gt;
      }
  }
  
  class Child1 extends Component {
  
      render() {
          return &lt;Child2 componentID={this.props.componentID} /&gt;
      }
  }
  
  class Child2 extends Component {
  
      render() {
          return &lt;div&gt;{this.props.componentID}&lt;/div&gt;
      }
  }
  </code></pre>
  
  <p>Do something like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>class Parent extends Component {
      constructor() {
          this.props.componentID = "123456";
      }
  
      passComponentIDToAllDescendantComponents() {
          // Some super nifty code
      }
  
      render() {
          return &lt;Child1 /&gt;
      }
  }
  
  // etc...
  </code></pre>
  
  <p>Thanks for the help</p>