当前视点！react fetch怎么请求数据

import React from "react"class RequestStu extends React.Component{  constructor(props){    super(props)    this.state={      test:{},      arr:[]    }  }  componentDidMount(){    fetch("http://localhost/console/scene/scenedetaillist",{      method:"GET",      headers:{        "Content-Type":"application/json;charset=UTF-8"      },      mode:"cors",      cache:"default"    })     .then(res =>res.json())     .then((data) => {       console.log(data)         this.setState({         test:data       },function(){         console.log(this.state.test)         let com = this.state.test.retBody.map((item,index)=>{           console.log(item.id)           return 
{item.name}
         })         this.setState({           arr : com         },function(){           console.log(this.state.arr)         })       })     })   }  render(){    return (      
       
          {            this.state.arr          }       
      
    )  }}export default RequestStu

//全局路径const commonUrl = "http://127.0.0.1:3456"//解析jsonfunction parseJSON(response){  return response.json()}//检查请求状态function checkStatus(response){  if(response.status >= 200 && response.status < 500){    return response  }  const error = new Error(response.statusText)  error.response = response  throw error}export default  function request(options = {}){  const {data,url} = options  options = {...options}  options.mode = "cors"//跨域  delete options.url  if(data){    delete options.data    options.body = JSON.stringify({      data    })  }  options.headers={    "Content-Type":"application/json"  }  return fetch(commonUrl+url,options,{credentials: "include"})    .then(checkStatus)    .then(parseJSON)    .catch(err=>({err}))}

import React from "react"import request from "./helper.js"class RequestDemo extends React.Component{  componentDidMount(){    request({      url:"/posttest",      method:"post",      data:{"Header":{"AccessToken":"eyJ0eXBlIjoiSldUIiwiYWxnIjoiSFM1MTIifQ.eyJzdWIiOiIxMDYiLCJleHBpciI6MTUxMDczODAzNjA5MiwiaXNzIjoiIn0.eo000vRNb_zQOibg_ndhlWbi27hPt3KaDwVk7lQiS5NJ4GS4esaaXxfoCbRc7-hjlyQ8tY_NZ24BTVLwUEoXlA"},"Body":{}}    }).then(function(res){      console.log(res)    })  }  render(){    return (      
    test      
    )  }}export default RequestDemo

function parseJSON(response){  return response.json()}function checkStatus(response){  if(response.status >= 200 && response.status < 500){    return response  }  const error = new Error(response.statusText)  error.response = response  throw error}/** * 登录请求 *  * @param data 数据 */export function loginReq(data){   const options = {}  options.method = "post"  options.made = "cors"  options.body = JSON.stringify(data)  options.headers={    "Content-Type":"application/json"  }  return fetch("/loginOk",{ ...options, credentials:"include"})    .then(checkStatus)    .then(parseJSON)    .then((res)=>{      if(res.retCode === "0001"){        localStorage.setItem("x-access-token",res.retBody.AccessToken)        return "success"      }      else if(res.retCode === "0002"){        return "error"      }      else if(res.retCode === "0003"){        return "error"      }else{        return ;      }          })    .catch(err=>({err}))}/** * 普通请求 * @param {*url,*method,*data} options  */export  function request(options = {}){  const Authorization = localStorage.getItem("x-access-token")  const {data,url} = options  options = {...options}  options.mode = "cors"  delete options.url  if(data){    delete options.data    options.body = JSON.stringify(data)  }  options.headers={    "x-access-token":Authorization,    "Content-Type":"application/json;charset=UTF-8"  }  return fetch(url,{ ...options, credentials: "include"})    .then(checkStatus)    .then(parseJSON)    .catch(err=>({err}))}