从react组件调用外部Javascript函数

我不确定之前是否有人问过这个问题，或者有人在reactjs上遇到过同样的问题。所以场景是这样的，我有一个包含一些javascript 的

index.html

文件。现在，在我的react组件上，我有一个仅在条件为true时才会呈现的条件。这意味着最初在我的页面加载时，尚未呈现该组件。当我切换按钮时，这就是渲染该组件的地方。该子组件需要调用index.html中包含的javascript方法。我应该怎么做？

任何帮助是极大的赞赏。

在index.html中

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

在你的组件中

componentWillMount() {
  window.test();
}