在react-native fetch中 then res res.json 是什么意思

Love The Way You Lie 2023-02-11 03:28 3阅读 0赞

以下片段中的`then(res => res.json())`是什么意思在react-native fetch中？[在react-native fetch中，'then（res => res.json（））'是什么意思？][react-native fetch_then_res _ res.json]

fetch(url) 
         .then(res => res.json()) 
         .then(res => { 
         this.setState({ 
          data: res, 
          error: res.error || null, 
          loading: false 
         });

您的代码部分：

res => res.json()

是[ES6 arrow function][]，其被翻译成：

function(res){ 
        return res.json(); 
    }

而且，关于`json()`功能：

> 的`json()`方法正文mixin需要响应流和 将其读取完成。它返回一个承诺，将解析正文文本的结果作为JSON解析为 。

了解更多[here][]。

Javascript [`fetch`][fetch]函数异步地从指定的`url`中提取资源。同时`fetch`返回[`Promise`][Promise]。 `Promise`可以帮助执行异步部分，并在资源以获取的资源作为参数加载后运行传入`then`（`res => res.json()`）的函数。如果获取的资源是JSON格式，则可以使用`json()`进行解析。

`then`还返回`Promise`使其可链接。

fetch(url) // asynchronously load contents of the url 
          // return a Promise that resolves when res is loaded 
         .then(res => res.json()) // call this function when res is loaded 
         // return a Promise with result of above function 
         .then(res => { // call this function when the above chained Promise resolves 
         this.setState({ 
          data: res, 
          error: res.error || null, 
          loading: false 
         });

`res => res.json()`也可以写为（[*but not exactly equal*][ES6 arrow function]）

function(res) { return res.json()}

[react-native fetch_then_res _ res.json]: http://cn.voidcc.com/question/p-vompglcr-te.html
[ES6 arrow function]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
[here]: https://developer.mozilla.org/en-US/docs/Web/API/Body/json
[fetch]: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
[Promise]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise