我有一个问题,因为我不确定是否可能。我有一个包含一些JavaScript函数的ReactJS项目。
我找到了一个解决方案来使用window对象从React组件中调用JavaScript函数,但是能否在JavaScript脚本中从React组件中调用函数呢?
例如,我在React组件中定义了一个函数。能否在JavaScript中调用该函数?
谢谢。
我有一个问题,因为我不确定是否可能。我有一个包含一些JavaScript函数的ReactJS项目。
我找到了一个解决方案来使用window对象从React组件中调用JavaScript函数,但是能否在JavaScript脚本中从React组件中调用函数呢?
例如,我在React组件中定义了一个函数。能否在JavaScript中调用该函数?
谢谢。
一个旨在在 React 应用程序包之外使用的函数,应该暴露到全局范围:
window.foo = () => { /* ... */ };
<script src="react-app-bundle.js"></script>
<script>
foo();
</script>
export const foo = () => { /* ... */ };
<script>
加载时,其命名空间将暴露到全局作用域:<script src="react-app-bundle.js"></script>
<script>
ReactAppNamespace.foo();
</script>
这种情况在许多第三方React库中很常见,React本身公开了全局变量React
。
最好将所有依赖于React应用程序内部的代码放置在应用程序本身中,从而不需要访问全局变量。