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

Question

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

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

第二个问题是——路由。我在 Flask 中定义了一些端点 - 但在 React 组件中我需要对其进行“硬编码”。有没有什么解决方案可以不将其硬编码在两个地方？

第三个问题是 - 你如何处理这个问题？也许最好的一点是将 React 组合用于某些组件，并使用模板用于其他组件？

总结问题:

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

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

Answer 1

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