 <p>You will have to decide on a library to do API calls. A simple way is to use <code>fetch</code>, which is built-in in modern browsers. There's a <a href="https://github.com/github/fetch" rel="nofollow noreferrer">polyfill</a> to cover older ones. <a href="http://api.jquery.com/jquery.ajax/" rel="nofollow noreferrer">jQuery's AJAX</a> or <a href="http://visionmedia.github.io/superagent" rel="nofollow noreferrer">SuperAgent</a> are two alternatives. Here's a simple example using <code>fetch</code>. You'll only have to change the URL of the request.</p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>class Example extends React.Component { constructor() { super(); this.state = { data: {} }; } componentDidMount() { var self = this; fetch('http://reqres.in/api/users') .then(function(response) { return response.json() }).then(function(data) { self.setState({ data }, () =&gt; console.log(self.state)); }); } render() { return ( &lt;div/&gt; ); } } ReactDOM.render(&lt;Example/&gt;, document.getElementById('View'));</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"&gt;&lt;/script&gt; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"&gt;&lt;/script&gt; &lt;div id="View"&gt;&lt;/div&gt;</code></pre> </div> </div> </p>