基于来自 Python/Flask 的数据渲染 React 组件答案

【问题标题】：Render React components based on data from Python/Flask基于来自 Python/Flask 的数据渲染 React 组件
【发布时间】：2019-04-22 23:12:19
【问题描述】：

我正在尝试使用 React、Flask 和 MongoDB 构建一个简单的 CMS。我正在尝试找到一种通过 Flask 从 MongoDB 获取数据以呈现正确的 React 组件的方法。

数据在 MongoDB 中存储为：

{
    title: "home",
    modules: {
        headerBlock: {
            title: "My Website"
            byline: "Some other text here"
        }
    }
}

我可以很容易地将这些数据导入 Python，但是我需要使用 Flask 来渲染 React 组件。它会转化为：

<Header title="My Website" byline="Some other text here" />

因此，Flask 需要某种方式来提供容器和关于要渲染哪些组件的信息。（会有不止一个组件）。

我们将不胜感激任何帮助或提示或推动正确方向！

【问题讨论】：

我希望你没有将 react 组件注入到烧瓶 html 模板中。如果你倾向于使用 react，你应该使用 axios 之类的东西来进行 api 调用，然后让烧瓶在 json 中渲染服务器响应。它很容易。您还应该准备好学习 json Web 令牌，因为会话登录不适用于 SPA

标签： python reactjs mongodb flask content-management-system

【解决方案1】：

这取决于，如果您尝试构建单页应用程序 SPA 并在前端进行反应，则需要从后端（烧瓶）传递数据以作为 json 数据进行反应。 Flask 有一个名为 jsonify 的函数来响应 json。

【讨论】：