如何通过外部JavaScript调用ReactJS中的函数?

3
假设我有一个在渲染之前编写的ReactJS测试函数,位于index.js文件中。
function testfunction(){
console.log("this is test function written in reactjs")
}

我想在HTML脚本中调用上述ReactJS函数。

<html>
<body>

//including reactjs minified js in the index.html
<script src="reactjs.min.js"></script>

<script>
//here i want to call function written in reactjs file
testfunction();
</script>

</body>
</html>

唯一使其全局或使用 IIFE 的方法。 - RIYAJ KHAN
1个回答

2

虽然这种做法不太美观且不规范,但你可以将一个函数设置为全局(window)上下文,以便其他脚本可以调用它:

window.testfunction = () => console.log("this is test function written in reactjs");

接下来,页面上的其他脚本可以访问 window 并调用它。


谢谢,伙计,它能用。如果我在生产中使用它作为全局函数,会有什么副作用? - MuKaz
2
它会污染全局命名空间,并使更大的应用程序在以后重构和调试时更加困难。最好将页面脚本与React脚本集成在一起,这样它们就可以访问相同的作用域。 - CertainPerformance

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接