React/JSX Scope

本文关键字：Scope JSX React 更新时间：2023-09-26

好的，所以我正在尝试将 React 集成到现有的代码库中。目前我们有一个由公共.js操作的单页 Web 应用程序，但是我注意到，如果在 HTMl 文件中以"type="text/jsx"加载的 JSX 文件或至少脚本文件无法出现在 JS 文件的范围内。这会产生一个问题，因为我们现在无法在不重构大量代码的情况下在初始化后操作 React 组件。Common.js 无法转换为 JSX，因为我们有依赖于其作用域的外部文件/库。

您可以直接从终端"编译"jsx文件。这样，您就不必放置type="text/jsx"因为它只是js代码。

这是一个名为jsx的npm命令行编译器。

如果你对服务器使用 NodeJS，你可以使用 express-jsx 中间件来动态编译你的代码。