如何解决LinearProgress栏将接管整个提示
单击按钮以显示线性进度条,通知用户正在处理请求后,我尝试实现LinearProgress @ materail-ui。我在使用LinearProgress进行CSS设计时遇到了困难。当前,LinearProgress正在接管整个dialogPrompt。 LinearProgress taking over the DialogPrompt
这是React按钮中的LinearProgress调用
<Button
onClick={handleSign}
color="primary"
disabled={isAuthenticating}
>
Authenticate
</Button>
{isAuthenticating && (
<LinearProgress
color="primary"
className={classes.linearProgress}
/>
)}
我不确定我的问题是否与CSS设计有关,并且想知道是否有人可以在CSS Design中提供帮助,以将线性进度条保持在弹出窗口的底部。
linearProgress: {
position: "initial",top: 0,width: "10%",height: "10%",opacity: 0.4,borderRadius: 4
},
谢谢
解决方法
TL; DR:问题是您要在其中放置LinearProgress组件,并将其作为Dialog的第一个子对象(不需要CSS):
<Dialog ...>
<LinearProgress color="primary" />
<DialogTitle .../>
...
</Dialog>
NL; PR::您可以查看此pastebin。单击按钮“打开警报对话框”,将弹出一个线性进度对话框提示。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。