js 如何覆盖export导出的模块？

Question

//data.js

const Data = {a:1}

export default Data

//show.jsx
import Data from './data'

export default class indexShow extends Component{
  componentWillMount() {
    Data = {a:2}     //通过直接赋值的方式改变Data的值报错，
  }  
}

有什么方法可以实现吗？

Answer 1

供参考 只要网页不重新刷新 数据都在

let valuesMap = new Map();

class serviceClass {
  constructor() {}
  getItem(key) {
    const stringKey = String(key);
    if (valuesMap.has(key)) {
      return valuesMap.get(stringKey);
    }
    return null;
  }
  setItem(key, val) {
    return valuesMap.set(String(key), val);
  }

  clear() {
    return valuesMap.clear();
  }
}
const service = new serviceClass();

export default service;

Answer 2

const Data = {_data: {1: 1}}

export default Data

//show.jsx
import Data  from './data'

export default class indexShow extends Component{
  componentWillMount() {
    Data._data = {a:2}     //通过直接赋值的方式改变Data的值报错，
  }  
}