title: React - Set property of a component from another Component
body: <p>I am complete noob to react so please bear with me.</p>
  
  <p>I am creating a webpage that has dusting on react components on it. I am not creating the whole page using react and this isn't an option.</p>
  
  <p>What i want I want to do is load a json file and use the data to set the properties of the components on the page. These properties won't be changing once the page has rendered.</p>
  
  <p>I have managed to load the json and set the properties of a component. I also need to reuse some of the properties of this component in other components that are not a children of the first component.</p>
  
  <p>I suppose very basically I need to create a global set of data that can be used by any component on the page. I'm coming from an angular background so maybe this is throwing me off course a bit</p>
  
  <p>Here is what I have so far </p>
  
  <pre><code>    var ReleaseList=React.createClass({
  
        getInitialState: function(){
          return {
            allReleases:[]
          }
        },
        showResults :function(ReleaseData){
  
          this.setState({
            allReleases :ReleaseData
          });
        },
  
        getReleases:function(){
          fetch('http://imac.local:5757/s0dj8a.json').then(function(response) {
              // Convert to JSON
              return response.json();
              }).then(function(j) {
                  var ReleaseData=j.releaseDetail[0]
                  this.showResults(ReleaseData)
              }.bind(this));
        },
        componentDidMount(){
          this.getReleases();
        },
  
        render:function(){
      return (
  
              &lt;h1&gt;{this.state.allReleases.title}&lt;/h1&gt;
        )
  
        }
      });
  
      var ReleaseDataTitle=React.createClass({
        render:function(){
      return (
        &lt;div&gt;
                &lt;h2&gt;{this.props.title}&lt;/h2&gt;
                // This needs to be the same as this.state.allReleases.title in the previous component
  
        &lt;/div&gt;
        )
        }
  
        });
  
      ReactDOM.render(&lt;ReleaseList/&gt;, document.getElementById('content'));
      ReactDOM.render(&lt;ReleaseDataTitle title={'I need this to be the same as this.state.allReleases.title in &lt;ReleaseList /&gt;'}/&gt;, document.getElementById('banner'));
  </code></pre>