Facebook/react-native
1
0
Fork 0
mirror of https://github.com/facebook/react-native.git synced 2025-11-01 09:14:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated docs for next

Browse Source
This commit is contained in:
Website Deployment Script
2016-08-14 10:52:16 +00:00
parent 00b7c71c90
commit b98fc4d945
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
releases/next/docs/network.html
+2 -2
View File
@@ -9,7 +9,7 @@
secondParam<span class="token punctuation">:</span> <span class="token string">&#x27;yourOtherValue&#x27;</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span></div><p>Take a look at the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Request" target="_blank">Fetch Request docs</a> for a full list of properties.</p><h4><a class="anchor" name="handling-the-response"></a>Handling the response <a class="hash-link" href="docs/network.html#handling-the-response">#</a></h4><p>The above examples show how you can make a request. In many cases, you will want to do something with the response.</p><p>Networking is an inherently asynchronous operation. Fetch methods will return a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise" target="_blank">Promise</a> that make it straightforward to write code that works in an asynchronous manner:</p><div class="prism language-javascript"> <span class="token function">getMoviesFromApiAsync<span class="token punctuation">(</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">return</span> <span class="token function">fetch<span class="token punctuation">(</span></span><span class="token string">&#x27;http://facebook.github.io/react-native/movies.json&#x27;</span><span class="token punctuation">)</span>
<span class="token keyword">return</span> <span class="token function">fetch<span class="token punctuation">(</span></span><span class="token string">&#x27;https://facebook.github.io/react-native/movies.json&#x27;</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">then<span class="token punctuation">(</span></span><span class="token punctuation">(</span>response<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">&gt;</span> response<span class="token punctuation">.</span><span class="token function">json<span class="token punctuation">(</span></span><span class="token punctuation">)</span><span class="token punctuation">)</span>
<span class="token punctuation">.</span><span class="token function">then<span class="token punctuation">(</span></span><span class="token punctuation">(</span>responseJson<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">&gt;</span> <span class="token punctuation">{</span>
<span class="token keyword">return</span> responseJson<span class="token punctuation">.</span>movies<span class="token punctuation">;</span>
@@ -19,7 +19,7 @@
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span></div><p>You can also use the proposed ES2017 <code>async</code>/<code>await</code> syntax in a React Native app:</p><div class="prism language-javascript"> async <span class="token function">getMoviesFromApi<span class="token punctuation">(</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">try</span> <span class="token punctuation">{</span>
<span class="token keyword">let</span> response <span class="token operator">=</span> await <span class="token function">fetch<span class="token punctuation">(</span></span><span class="token string">&#x27;http://facebook.github.io/react-native/movies.json&#x27;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> response <span class="token operator">=</span> await <span class="token function">fetch<span class="token punctuation">(</span></span><span class="token string">&#x27;https://facebook.github.io/react-native/movies.json&#x27;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> responseJson <span class="token operator">=</span> await response<span class="token punctuation">.</span><span class="token function">json<span class="token punctuation">(</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">return</span> responseJson<span class="token punctuation">.</span>movies<span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword">catch</span><span class="token punctuation">(</span>error<span class="token punctuation">)</span> <span class="token punctuation">{</span>