javascript - 从 React 组件调用外部 Javascript 函数

Question

我不确定以前是否有人问过这个问题，或者有人在reactjs上遇到过同样的问题。所以场景是这样的，我有一个包含一些 JavaScript 的 index.html 文件。现在在我的 react 组件上，我有一个条件，只有当条件为真时才会渲染。这意味着最初当我的页面加载时，组件尚未呈现。当我切换按钮时，这就是渲染该组件的地方。该子组件需要调用包含在我的index.html 中的javascript 方法。我该怎么做？

非常感谢任何帮助。

Answer 1

在index.html中

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

在你的组件中

componentWillMount() {
  window.test();
}

2022 typescript 编辑:

创建一个文件global.d.ts，如下所示(doc):

interface Window {
  test: () => void;
}

✔