从react组件中的html文件中的脚本标记访问变量

Question

我最近才开始使用javascript和React.js。我目前在main.html文件中有一些脚本标签，我需要能够在我的React.js组件中访问这些标签中的一些变量。反正有吗？

Answer 1

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

话虽如此，你不应该这样做。这引入了一种依赖性，这种依赖性不仅使得重用组件变得非常困难，而且由于它的透明性，它也将成为维护的噩梦。

相反，在渲染根组件时，将变量作为属性传递，并通过组件树将其传递给需要它的组件。这样，只有你的根组件依赖于外部变量，并且低级组件的接口被清晰透明地定义。