从外部 JavaScript 函数调用 React 组件的函数

我正在尝试从 JavaScript 函数调用 React 组件的函数。在初始阶段，我想调用在 React 组件中声明的函数，但我需要从 JavaScript 函数调用它，而不是从 React 调用它。

我知道如何从 React 函数调用 JavaScript 函数。像下面这样

JavaScript

<script type="text/javascript">
  function test(){
    alert('Function from index.html');
  }
</script>

React

componentWillMount() {
  window.test();
}

但就我而言，我想要一个完全相反的过程，由于某些插件初始化，需要从 javascript 调用 React 函数。

我浏览了其他相关主题但没有得到确切的答案。那么我应该怎么做呢？

您可以将函数分配给window对象作为函数并从脚本中调用它。所以本质上你会执行以下操作：

componentWillMount() {
  window.reactFunction = () => {
    console.log('Test');
  }
}

然后从您的脚本中调用它，如下所示：

<script type="text/javascript">
  function test(){
    window.reactFunction()
  }
</script>

诚然，我不知道你到底打算如何使用它，但这可能是通过利用全局来实现你想要的目标的一种方法window目的。第二部分实际上需要某种方法来确定反应组件是否已安装（在一个重要的示例中），或者只是在调用该方法之前检查该方法是否存在。