从零开始创建react项目 二

136 阅读1分钟

这次我没有着急下插件 而是选择把环境搭建好 写一下公用的方法

公用的方法: 和往常一样我把一些信息选择放在sessionStorage里面 在src 下面我新建了一个文件 config.js 作为全局的配置文件 写了存sessionStorage的公用方法

/**
 * 本地存储
 * @param key
 * @param val 删除的时候   会将val置空
 * @param remove   删除指定的key   clear清空所有的缓存
 * @returns {any}
 */
window.session = function(key,val ="",remove =""){
    if(val){//存值
        window.sessionStorage.setItem(key,this.JSON.stringify(val))
    }else if(remove){//删值
        if(remove ==='clear'){
            window.sessionStorage.clear()
        }else{
            window.sessionStorage.removeItem(key)
        }
    }else{//取值
        return JSON.parse(window.sessionStorage.getItem(key))
    }
}

然后将这个文件夹引入 整个入口文件 index.js里面

import './config'

然后是对于index.js文件夹的改动 根据路由 把环境变量和参数存到 session

用法如

let http = "掘金"
window.session("parmas",http);//存值
window.session("parmas");//取值