react.js fetch 基于单例+轻提示（toast）的简单封装

• Services

/* eslint-disable no-useless-constructor */

import config from './config.js';

import 'whatwg-fetch'
import toast from '../toast/index.js'

export default class Services {
   
	constructor() {
    }
	// 单例
	static getInstance() {
   
		if (!Services.instance) {
   
			Services.instance = new Services();
			return Services.instance;
		}
		return Services.instance;
	}

	post(action, data) {
   
		toast.loading("加载中")
		return fetch(config.base_url + action, {
   
			method: 'POST', // or 'PUT'
			body: JSON.stringify(data),
			headers: {
   
				'Accept': 'application/json',
				'Content-Type': 'application/json'
			}
		}).then(res => res.json())
	}
	get(action) {
   

		toast.loading("加载中")
		return fetch(config.base_url + action)
			.then(response => {
   
				return response.json()
			})
	}
	get1(action) {
   
		return fetch(action)
			.then(response => {
   
				return response.json()
			})
	}
}

• config.js

export default {
   
       base_url: '请求地址'
}

• 轻提示

import React from 'react'
import ReactDOM from 'react-dom'
import Toast from './toast'
import './toast.css'

function createNotification() {
   
    const div = document.createElement('div')
    document.body.appendChild(div)
    const notification = ReactDOM.render( < Toast / > , div)
    return {
   
        addNotice(notice) {
   
            return notification.addNotice(