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

Posted 2023-02-22

【中文标题】如何在 Reactjs 中使用未声明的变量

【英文标题】：How to use undeclared variables in 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>