从txt/javascript中的react调用javascript函数

所以我有一个react组件，我想在flask提供的普通html页面中使用它

<script src="/static/scripts/vendor.js"></script>
<script type="text/javascript" src="/static/scripts/app.js"></script>
<script type="text/javascript">RenderX();</script>

我的构建/开发与gulp配合良好 但现在我想在我的烧瓶应用程序中使用一个特定的部分

所以在我的

app.js

中

var RenderX = function() {
    ReactDOM.render(
        <Example/>, document.getElementById('app')
    );
};

exports = RenderX;

var RenderX=function（）{
ReactDOM.render(
，document.getElementById（'app'）
);
};
导出=RenderX；

现在我想在我的html页面中调用这个函数（由flask提供）

RenderX（）；

它告诉我无法找到

RenderX

我该如何解决我面临的这个问题

---

我想一点一点地迁移代码的某些部分以作出反应。

看起来您正在使用模块绑定器来处理依赖项。也许是浏览或网页

exports = RenderX;

当模块绑定器组合您的文件以创建

脚本/app.js

时，它会将每个文件包装在一个立即调用的函数表达式中

// simplified version
(function(module, exports) {
  var RenderX = function() {
    ReactDOM.render(
      <Example/>, document.getElementById('app')
    );
  };

  exports = RenderX;
})();

---

这样，您就可以从模块范围之外调用它。

当您查看开发人员工具（F12）时，它是否显示app.js已导入或存在错误？非常感谢，我知道我遗漏了一些内容，但这确实起到了作用

var RenderX = function() {
  ReactDOM.render(
    <Example/>, document.getElementById('app')
  );
};

window.RenderX = RenderX;