Javascript 在物料界面对话框中添加循环加载程序

我正在使用材质Ui组件

对话

。这有按钮点击，我试图显示一个循环加载器。我如何添加这个

<Dialog open={openPopOver}>
  DialogTitle>
          <div className={css.dialogHeader}>
            <div className={css.doorName}></div>
            <div className={css.poRef}>
              <Typography>{strings.create}</Typography>
            </div>
            <div className={css.notes}>
              <Typography>{strings.number}</Typography>
            </div>
            <div>
              <img className={css.cursor} src={CrossIcon} onClick={closePopOverModal} />
            </div>
          </div>
        </DialogTitle>
        <DialogContent>
</Dialog>

对话标题>
{strings.create}
{strings.number}

在这里，我试图添加

我试过了

{isInprogress？：
对话标题>
{strings.create}
{strings.number}
}

这行不通。。有什么方法可以让我在对话中展示加载器吗

{isInprogress ? <CircularProgress/> : <Dialog open={openPopOver}>
  DialogTitle>
          <div className={css.dialogHeader}>
            <div className={css.doorName}></div>
            <div className={css.poRef}>
              <Typography>{strings.create}</Typography>
            </div>
            <div className={css.notes}>
              <Typography>{strings.number}</Typography>
            </div>
            <div>
              <img className={css.cursor} src={CrossIcon} onClick={closePopOverModal} />
            </div>
          </div>
        </DialogTitle>
        <DialogContent>
</Dialog>}