开发者社区> 问答> 正文

在 MemoryUsagePercent 组件中,如何仅依赖防腐层的实现而不直接依赖具体接口?

在 MemoryUsagePercent 组件中,如何仅依赖防腐层的实现而不直接依赖具体接口?

展开
收起
冲冲冲c 2024-08-05 20:33:43 16 0
1 条回答
写回答
取消 提交回答
  • 在 MemoryUsagePercent 组件中,我们通过调用防腐层提供的 getMemoryUsagePercent 函数来获取内存使用百分比,而无需直接调用 API 接口。这样,即使接口发生变更,只要防腐层的实现保持不变,组件的代码就无需修改。示例代码如下:

    function MemoryUsagePercent() { 
    const [usage, setUsage] = useState<number>(0); 
    useEffect(() => { 
    (async () => { 
    const result = await getMemoryUsagePercent(); 
    setUsage(result); 
    })(); 
    }, []); 
    return <div>Usage: {usage} %</div>; 
    }
    
    2024-08-05 21:46:52
    赞同 1 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载