在react组件中从HTML文件中的脚本标签访问变量

accessing variable from script tag in html file in react component

本文关键字:标签 脚本 访问 变量 HTML react 组件 文件      更新时间:2023-09-26

我最近才开始学习javascript和React.js。我目前有几个脚本标签在我的main.html文件,我需要能够访问一些变量从这些标签在我的React.js组件。有什么办法可以这么做吗?

如果你直接在<script>标记中定义了变量,那么它们是全局的,并且你应该能够从任何React组件中简单地引用它们

话虽如此,你不应该那样做。这就引入了一种依赖关系,它不仅使组件难以重用,而且由于它的不透明性,也将成为维护的噩梦。

相反,当您呈现根组件时,将变量作为属性传递,并通过组件树传递给需要它的组件。这样,只有根组件依赖于外部变量,并且底层组件的接口被清晰透明地定义。
相关文章: