开发者社区 问答 正文

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

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

展开
收起
冲冲冲c 2024-08-05 20:33:43 52 分享 版权
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 展开评论
问答地址: