React JS - 从浏览器调用函数

Question

我开始使用 React，只是将旧的 Web 应用程序转换为 ReactJS。

我的问题是我加载了一些内容，这些内容后来被添加到模式中（dangerouslySetInnerHTML）。内容包括<input type="button" onclick="myFunc()">

以前我可以只写一个全局函数 myFunc() 并执行它。但是对于 ReactJS，我不知道该怎么做。如果我只是将此函数写入组件中，我会得到myFunc is not defined。

有人知道如何解决它吗？

在此先感谢

Answer 1

我建议使用某种状态管理工具，例如 Context 或 Redux。这样你就可以设置一个全局函数，可以在应用程序的任何地方执行。

Answer 2

你可以在 react 中编写全局函数。在类中的某个地方，可能在构造函数中或者在componentDidMount 中，写window.myFunc = this.myFunc.bind(this);