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中写全局函数。在 class 的某个地方，也许在构造函数或 componentDidMount 之类的地方，只写 window.myFunc = this.myFunc.bind(this);