如何使用缓存减少网络请求

Question

具体举个例子，例如之前的需求，在web页面中一直在tab切换点击item时会经常发送网络请求，需要优化这个网络请求的逻辑，想到使用本地缓存来实现

Answer 1

function A (){
  // .... 
  // ....
  function getData(){
    //获取数据，并且设置缓存
  }
  useEffect(()=>{
    // 如果有缓存
    if(xx){
      // 判断是否过期
      // 如果过期则请求
      getData();
    }else{
      // 如果没有缓存则请求
      getData();
    }
  },[]);
}