如何解决酶/玩笑中的全局变量是反应节点,而不是dom节点
function App(){
const ref=useRef()
useEffect(()=>{
console.log(ref.current)
console.log(ref.current.offsetWidth)
},[])
return <div ref={ref}></div>
}
我得到了一些类似的代码,并试图以开玩笑的方式对其进行测试,一个基本要求是ref.current.offsetWidth
应该大于0
但是,当我安装该组件
时,ref.current
就像这样
HTMLDivElement {
'__reactContainere$36yfa3ajf2y': FiberNode {
tag: 3,key: null,elementType: null,type: null,stateNode: FiberRootNode {
tag: 0,current: [Circular],containerInfo: [Circular],pendingChildren: null,pingCache: null,finishedExpirationTime: 0,finishedWork: null,timeoutHandle: -1,context: {},
我看起来很像一个反应节点,而不是dom节点,因此开玩笑的行为与真实行为不符。
这是我要挂载的代码
mount(<App />,{attachTo:document.createElement('div')})
当我直接console.log
document.createElement('div')
时
我还是这样:
HTMLDivElement {
'__reactContainere$36yfa3ajf2y': FiberNode {
tag: 3,pendingContext: null,hydrate: false,callbackNode: null,call
document
似乎是通过jsdom作为一个笑话全局提供的,为什么它是一个react节点而不是dom节点?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。