Javascript ReactJS TypeError:无法读取未定义的属性

Javascript ReactJS TypeError:无法读取未定义的属性,javascript,reactjs,Javascript,Reactjs,我这里有一段代码,可以在这个在线文本编辑器中使用: 在npm控制台中,一切正常: 但在浏览器中发生以下情况: 当我执行export var renderTree=(node,setActiveNode,activeNode)=>{console.log(node&&node.type,'look here'); 我不明白为什么会发生这种情况。感谢您的帮助! 谢谢!变量节点未定义,因此没有名为类型的属性 把你的支票换成 if(node && node.type === 'fi

我这里有一段代码,可以在这个在线文本编辑器中使用:

在npm控制台中,一切正常:

但在浏览器中发生以下情况:

当我执行
export var renderTree=(node,setActiveNode,activeNode)=>{console.log(node&&node.type,'look here');

我不明白为什么会发生这种情况。感谢您的帮助!
谢谢!

变量
节点
未定义,因此没有名为
类型
的属性

把你的支票换成

if(node && node.type === 'file'){
    ...
}

变量
节点
未定义,因此没有名为
类型
的属性

把你的支票换成

if(node && node.type === 'file'){
    ...
}

您可能在浏览器中运行源文件而不是生成的源文件。

您可能在浏览器中运行源文件而不是生成的源文件。

您使用的是相同的虚拟数据吗?@Colin您的意思是什么?您在Codesandbox中有虚拟数据。您在本地也使用虚拟数据吗?如果没有,请在此处发布该数据。@Colin啊,是的,我使用的是相同的虚拟数据。请尝试控制台节点类型
export var renderTree=(node,setActiveNode,activeNode)=>{console.log(node&&node.type,'look here')
你看到节点类型了吗?你使用的是相同的虚拟数据吗?@Colin你是什么意思?你在Codesandbox中有虚拟数据。你也在本地使用虚拟数据吗?如果没有,请在这里发布数据。@Colin啊,是的,我使用的是相同的虚拟数据。试着控制节点类型
导出var renderTree=(node,setActiveNode,activeNode)=>{console.log(node&&node.type,'look here');
看到节点类型了吗?应用解决方案后,错误消失了,但文件树没有出现在浏览器中,这很奇怪。@Stretch0应用解决方案后,错误消失了,但文件树没有出现在浏览器中,这很奇怪。@Stretch0