酶/玩笑中的全局变量是反应节点，而不是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 (将#修改为@）

enzyme jestjs jsdom reactjs reactjs