ReactJS/Flask 应用程序,用于呈现在"npm build"之后添加的给定 JSX 文件



我正在尝试构建一个react应用程序,该应用程序可以呈现在npm构建后添加/修改的JSX文件。

下方的更多详细信息

我有一个带有各种数据表和图表组件的单页react应用程序,可以从烧瓶后端获取数据。所有这些组件都放在一个JSX文件(result.JSX(中

在";npm构建";我可能需要更改页面的数据内容或布局(例如,向页面添加额外的表格/图表(。通过修改flask后端,数据内容可以很容易地更新,但对于布局,我目前需要再次修改result.jsx和npm构建。

有没有一种方法可以避免在更改result.jsx文件时进行npm构建?我想把result.jsx放在npm构建之外,以保持它的灵活性,并让react前端简单地镜像这个resuit.jsx

在您的构建输出中,您没有一个正在运行的进程来拾取目录中的JS文件,所有这些文件都连接到一个文件中。JSX是通过构建工具编译成JS的,如果没有这个步骤,浏览器就无法理解。

如果您想要对数据做出响应的组件,则必须对它们进行编码。您可能可以使用React Router和动态路由做一些事情,但这仍然指向编码的组件文件。

最新更新