How to pass json values into React component
<p>I am creating an Github issue viewer with React. </p>

<p>I have a component that sets the repo, then I want to create separate components to get the issue name, number, login etc. These components will ultimately be used in the main component/view. I'm a bit stuck, below is what I have so far. </p>

<pre><code>var GetRepo = React.createClass({
getRepo: function(){
    var issues = $.getJSON('https://api.github.com/repos/facebook/react/issues', function (data) {
    })
},
render: function() {
    return &lt;div&gt;My repo: {this.props.repo}&lt;/div&gt;
}

});

ReactDOM.render(&lt;GetRepo repo="facebook/react/issues" /&gt;, document.getElementById('main'));


var IssueName = React.createClass({
});
//IssueName gets the data.title (the issue name) using repo GetRepo

var IssueNumber = React.createClass({
});

//IssueNumber gets the data.number (the issue number) using repo from GetRepo
</code></pre>