如何在ReactJS中使用JavaScript创建半透明的覆盖

How to create a translucent overlay using JavaScript in ReactJS?

本文关键字:创建 JavaScript 半透明 覆盖 ReactJS      更新时间:2023-09-26

在ReactJS项目中,我有一个API请求,一旦我做到了,我想在当前网页上渲染一个半透明的覆盖,在半透明覆盖的顶部有材质UI的进度指示器(http://www.material-ui.com/#/components/circular-progress),在我得到响应后,希望半透明的覆盖与进度指示器一起消失。

我该怎么做呢?任何指导或见解将不胜感激。谢谢你。

在React中,你可以使用backgroundColorRGBA的css,所以例如

<div style={{backgroundColor: 'rgba(0,0,0,0)'}}> ... </div>