在一个巨大的React.JS webapp中渲染后加载JavaScript脚本

我对React.JS有问题。在我的WebApp的index.html上，我加载了“script.js”，它负责使一些东西具有交互性（菜单、搜索按钮等等）

然而，在一些组件中，我使用了一个在加载“script.js”时初始化的元素

因此，在加载“script.js”时不会初始化该元素（因为“script.js”是在渲染之前加载的）

知道这是一个很大的Web应用程序，并且每次在componentDidMount（）函数中添加一行代码来附加一个标记是不干净的，您知道我该怎么做吗

---

提前谢谢。

谢谢@robert和@Kunukn，我已经“成功”编写了代码

在我的“script.js”中，我在文件末尾设置了

window.searchInit=r.Ani.formSearch

在我的组件的componentDidMount（）函数中，我调用

window.searchInit（'.toggle search'）

不像预期的那么干净。。。但它是有效的
 在渲染之前，可能只是在head（index）中加载这个脚本，但将所有需要的功能包装到函数中。将此函数的引用存储在全局（窗口）上的某个位置，然后在didMount上调用此所需函数。谢谢Robert，帮助我！我将尝试导出初始化元素的函数。在需要的时候给它打电话。。。会很难的。下面是script.js的代码：元素是“.toggle search”，元素初始化时关联的函数是r.Ani.formSearch（）。幸运的是，缩小后看起来不友好。ReactDOM API支持在React呈现时回调。在安装React之后，是否可以通过这种方式加载script.js？我试过。。。但它不起作用：(