title: Share data between component in react
body: <p>I have a component which is extending form like:</p>
  
  <pre><code>import React from "react";
  import Form from "./common/form";
  import AppFeature from "./common/appFeature";
  class AddFeature extends Form {
  render() {
  &lt;AppFeature role={"newRole"} /&gt;}
  }
  </code></pre>
  
  <p>When I tried to get the role value in <code>appfeature</code> component through <code>this.props.role</code>. I'll get <code>undefined</code>.</p>
  
  <p>Any workaround for this???</p>