MUI/Material UI Dialog ref/document.querySelector获取html 元素节点返回 null 的问题

MUI/Material UI Dialog ref/document.querySelector获取html 元素节点返回 null 的问题

相似的问题:链接

问题:当使用 React.useRef 获取 img 节点时,第一次打开和退出正常,之后再打开 Dialog, ref.current是 null 会报错

解决方案: 加入disablePortal props

<BootstrapDialog
        onClose={handleClose}
        aria-labelledby="customized-dialog-title"
        open={open}
        disablePortal
      >

值得注意的是,在 useReact时要使用 open 作为依赖,open 是控制 Dialog 打开或关闭的变量.

React.useEffect(() => {
    console.log("打印prompt State", prompt);
    console.log("打印qrimg State", qrimg);
    console.log("打印open State", open);
    //当二维码不可用 和 登录框打开 以及 二维码不为空的情况下(即二维码过