使用 ReactJS 和 python Flask。一般的做法

Question

我正在做一个项目，我从 Python 和 Flask 开始，因为一开始它很小 - Flask 常用的 jinja 模板就足够了，但随着我越来越想要 - 我决定试一试到 ReactJS。

它适用于各种各样的事情，并且对整个前端有更大的控制，一般我喜欢它，但假设我想对 X 组件使用 react，并且我想在同一个 X 组件中使用使用 jinja 模板 - 用来自 Flask 后端的数据填充它。这是第一个问题 - 1）应该如何实现？ React 正在准备 javascript 文件，因此无法呈现模板。我应该创建一些端点，并使用 jQuery 请求填充所需的 GET 数据吗？

第二个问题是——路由。我在烧瓶中定义了一些端点——但在反应组件中我需要“硬编码”它。是否有一些解决方案可以不将其硬编码在 2 个地方？

第三个问题是 - 你如何处理它？也许好的一点是将 React 用于某些组件，而将模板用于其他事情？

总结问题：

1. 如何将烧瓶数据注入 React 组件。
2. 如何面对路由。
3. 使用 React + Flask / Django 的一般要点。您的意见/想法/指导。

我对您对这两个框架协同工作的看法非常感兴趣 :)

Answer 1

1. 您可以制作两个单独的应用程序，一个使用 flask（提供 json 数据的端点），一个使用 react（一个前端应用程序，请求此数据）。您可以使用 axios 在 react 中向您的 api 发出请求。例如，您为此目的编写一个类/组件，并使用它在您的其他组件中的几行代码中请求数据。如果您提到的 jinja 是一个模板引擎，我认为没有一种简单的方法可以将它与 react 一起使用。
2. 在 React 中，您通常开发单页应用程序，但您可以使用 react-router 来路由您的子页面。如果我理解正确，这是您正在谈论的情况：在反应中您编写了一个负责显示文章列表的组件。在该组件中，您使用（例如使用 axios）“硬编码”一个以 json 格式下载列表的函数。稍后您对显示特定文章的组件执行相同操作。
3. 我认为保持一致并开发 SPA 应用程序更容易。尤其是当您已经设置了 react-router、axios 或 redux 之类的东西时。我是初学者（不要对我苛刻（:），但我认为这些框架应该可以很好地相互配合。我推荐this udemy course。我在那里学到了很多关于反应的知识。