Javascript React应用程序中元素的控制台日志输出

我试图在React production应用程序的浏览器控制台中获取一个元素，但得到的是未定义或空元素

    >> var el = document.querySelectorAll("div[data-reactid*='.0.0.1.0:$_player=15umwWNrNpKC=16QvOqH6ISlZ.0.5:$c457.1:$c464.$slideobject593']");
    <- undefined
    >> typeof(el)
    <- "object"
    >> el[0]
    <- undefined

>var el=document.queryselectoral（“div[data reactid*=”.0.0.1.0:$_player=15umwWNrNpKC=16QvOqH6ISlZ.0.5:$c457.1:$c464.$slideobject593']”；
>类型（el）
>el[0]
尝试使用参照：

从'react'导入{useRef，useffect}；
函数MyComponent（）{
const myRef=useRef（）；
useffect（（）=>{
log（'element:'，myRef.current）；
}，[myRef]）；
返回(
你好
);
}

如果唯一的目标是打印元素而不必在React中使用它，那么最简单的方法就是为它分配一个
id
：

返回(
...
);
const el=document.getElementById（'myElement'）；
控制台日志（el）；

编辑：根据您的查询选择器数据，您似乎正在使用某种可能无法通过引用访问的播放器。您可以轻松地将其包装在
周围，并获取该元素：

//或ref={myRef}
控制台日志（el.children）；
尝试使用参考：

从'react'导入{useRef，useffect}；
函数MyComponent（）{
const myRef=useRef（）；
useffect（（）=>{
log（'element:'，myRef.current）；
}，[myRef]）；
返回(
你好
);
}

如果唯一的目标是打印元素而不必在React中使用它，那么最简单的方法就是为它分配一个
id
：

返回(
...
);
const el=document.getElementById（'myElement'）；
控制台日志（el）；

编辑：根据您的查询选择器数据，您似乎正在使用某种可能无法通过引用访问的播放器。您可以轻松地将其包装在
周围，并获取该元素：

//或ref={myRef}
控制台日志（el.children）；
你听说过
useRef
hook吗？你听说过
useRef
hook吗？