ReactNavtive顶部导航栏+网络解析跳转详情(一),基本

2018-10-19  本文已影响0人  That丶Alex

一:App.js中引用所需文件

import React, { Component } from "react";

import StackNav from "./src/StackNav";

export default class App extends Component {

  render() {

    return <StackNav />;

}

}

二:index.js中去除黄色警告

import { AppRegistry } from "react-native";

import App from "./App";

console.disableYellowBox = true;

AppRegistry.registerComponent("hello", () => App);

三:封装接口fetchData.js

const baseURL = "https://cnodejs.org/api/v1";

//封装的GET请求

export const getData = async (url, data) => {

  let api = baseURL + url + "?";

  if (data) {

    for (key in data) {

      api += key + "=" + data[key] + "&";

    }

  }

  api = api.substr(0, api.length - 1);

  let res = await fetch(api);

  res = await res.json();

  return res;

};

//封装的POST请求

export const postData = async (url, data) => {

  let res = await fetch(url, {

    headers: {

      "content-type": "application/json"

    }, //请求头

    body: JSON.stringify(data), //请求体

    method: "POST" //请求类型

  });

  res = await res.json();

  return res;

};

ReactNavtive顶部导航栏+网络解析跳转详情(一),基本配置

上一篇下一篇

猜你喜欢

热点阅读