如何在 Reactjs 中使用未声明的变量答案

【问题标题】：How to use undeclared variables in Reactjs如何在 Reactjs 中使用未声明的变量
【发布时间】：2020-06-14 12:00:16
【问题描述】：

我在运行时使用 document.createElement('script') 在我的反应代码中创建一个脚本节点，并将其 src 分配给一个 url，现在我想在我的反应代码中使用包含的 JS 的变量而不声明它。

【问题讨论】：

React 是基于 NodeJS 服务器的 JavaScript，其功能可能与直接 DOM 操作发生冲突。 document.createElement('script') 正在做基于浏览器的直接 DOM 操作。直接说，在 React 的上下文中执行这样的操作并不是最佳实践。在执行直接 DOM 操作之前，请详细研究其架构和限制。顺便问一下，我可以知道您需要在您的反应代码中创建脚本节点的原因吗？它是什么脚本？是你写的脚本，还是JQuery/BootStrap等JS库的脚本？

【解决方案1】：

你可以像window.yourVariable = 'value'这样简单地定义到全局，然后你就可以使用了。

window.globalVariable = {
   foo: 'bar',
};


const Component = () => {
   // you can access in here.
   return <div></div>
}

【讨论】：