是否有一种'；节点'；关于JavaScript/TypeScript？ts（2345）

我试图在React上创建一个模式，并使用TypeScript。我得到了一个“节点类型的参数”错误，无法确定这是什么（也无法随后修复我的问题）

const-Modal=（{children}:{children:any}）=>{
const elRef=useRef（null）；//尝试添加“|节点”
如果（！elRef.current）{
const div=document.createElement（“div”）；
div.className=“modalDiv”；
elRef.电流=div；
}
useffect（（）=>{
const modalRoot=document.getElementById（“模态”）；
//“HtmlDevice | null”类型的参数不能分配给“Node”类型的参数。
//类型“null”不可分配给类型“Node”。ts（2345）
modalRoot！.appendChild（elRef.current）；
return（）=>modalRoot！.removeChild（elRef.current）；
}, []);
返回createPortal（{children}，elRef.current）；
};

此处的问题类型脚本发出的信号与

节点无关
Node
是一个通用DOM元素，并且
HtmlLevel
匹配正确。问题在于它可能假定的
null
值，而
null
显然不是
节点，因此不能在
appendChild
中使用null

您应该添加一个类似于
if（elRef.current！=null）{…}
的检查，以确保已正确创建
htmldevelment

useEffect(() => {
    const modalRoot = document.getElementById("modal");
    if (elRef.current) modalRoot!.appendChild(elRef.current);

    return () => {
      if (elRef.current) modalRoot!.removeChild(elRef.current);
    }
  }, []);

一个更简单的方法（在本例中，逻辑性更强的方法）就是使用
elRef.current
告诉TS您确定元素存在，这一点在您以前的代码中是明确的。
这里的问题类型脚本发出信号与
节点无关
Node
是一个通用DOM元素，并且
HtmlLevel
匹配正确。问题在于它可能假定的
null
值，而
null
显然不是
节点，因此不能在
appendChild
中使用null

您应该添加一个类似于
if（elRef.current！=null）{…}
的检查，以确保已正确创建
htmldevelment

useEffect(() => {
    const modalRoot = document.getElementById("modal");
    if (elRef.current) modalRoot!.appendChild(elRef.current);

    return () => {
      if (elRef.current) modalRoot!.removeChild(elRef.current);
    }
  }, []);

一个更简单的方法（在本例中，逻辑性更强的方法）就是使用
elRef.current
告诉TS您确定元素存在，这一点在您之前的代码中是明确的。
有
ReactNode
我尝试添加ReactNode，但这并不能解决我的问题回答标题中的问题（这似乎与正文中的问题不同），是HTML操作中最基本的概念之一。
ReactNode
与此无关。请更改问题标题，这是误导性的，请尝试使用TS错误和上下文。存在
ReactNode
我尝试添加ReactNode，但这无法解决我的问题回答标题中的问题（这似乎与正文中的问题不同），是HTML操作中最基本的概念之一。
ReactNode
与此处无关。请更改问题标题，这会产生误导，请尝试使用TS错误和上下文。