从javascript调用react组件函数

从javascript调用react组件函数,javascript,reactjs,Javascript,Reactjs,我有一个问题,因为我不确定这是否可能。我有一个包含一些javascript函数的ReactJS项目 我找到了使用窗口对象的解决方案,但是否可以从javascript脚本中的组件调用函数 例如,我在React组件中定义了函数。可以在javascript中调用该函数吗 谢谢。本应在React应用程序包外部使用的函数应暴露于全局范围: window.foo = () => { /* ... */ }; 然后可以通过以下方式访问: <script src="react-app-bundle

我有一个问题,因为我不确定这是否可能。我有一个包含一些javascript函数的ReactJS项目

我找到了使用窗口对象的解决方案,但是否可以从javascript脚本中的组件调用函数

例如,我在React组件中定义了函数。可以在javascript中调用该函数吗


谢谢。

本应在React应用程序包外部使用的函数应暴露于全局范围:

window.foo = () => { /* ... */ };
然后可以通过以下方式访问:

<script src="react-app-bundle.js"></script>
<script>
foo();
</script>
通过
加载时,其命名空间将暴露于全局范围:


ReactAppNamespace.foo();
许多第三方React库就是这样,React本身公开了
React
global


最好将依赖于React应用程序内部的所有代码放到应用程序本身,这样就不需要访问全局变量。

您需要从函数调用React组件的原因是什么?您能否提供用例,因为模式似乎不正确,而且可能有更好的模式用于用例删除方法,它位于react组件中。我正在处理javascript函数中的click事件,该函数需要从react组件中调用delete方法。您在javascript中的意思是什么?你是说节点?这听起来不是一个好方法。你能提供示例代码吗?提供更容易理解用例的上下文
export const foo = () => { /* ... */ };
<script src="react-app-bundle.js"></script>
<script>
ReactAppNamespace.foo();
</script>