用烧瓶和神社反应路由
React routing with flask and jinja
我有一个以 Flask 作为后端并在前端做出反应的应用程序。
在主页面中有一个 link 到“/users/<user_id>
”,它指向用户详细信息页面。该页面应显示用户的基本详细信息,这些信息应从数据库中查询。
我不明白执行此操作的最佳方法是什么。
我查看了 react-router,但似乎无法触发 GET 请求到服务器并返回到客户端,因为它只会加载适当的 react 元素。
另一种选择是使用 @app.route
执行常规的 flask 路由,但是我如何才能加载一个模板,将用户详细信息传递给将在此模板中呈现的反应组件? jinja 参数仅在 html 中可用,我在 users_page.js
中需要它们
您不能在 javascript 文件中包含 jinja 参数,除非您愿意为每个请求使用 jinja 呈现它。
另一种方法是让您的 React 组件发出 ajax 请求以获取所需的详细信息。为了支持这一点,你可以设置一个常规的 flask 路由到 return 它们作为 JSON 响应 - see the docs here.
您可以在 React tutorial 中看到这方面的示例。
我有一个以 Flask 作为后端并在前端做出反应的应用程序。
在主页面中有一个 link 到“/users/<user_id>
”,它指向用户详细信息页面。该页面应显示用户的基本详细信息,这些信息应从数据库中查询。
我不明白执行此操作的最佳方法是什么。 我查看了 react-router,但似乎无法触发 GET 请求到服务器并返回到客户端,因为它只会加载适当的 react 元素。
另一种选择是使用 @app.route
执行常规的 flask 路由,但是我如何才能加载一个模板,将用户详细信息传递给将在此模板中呈现的反应组件? jinja 参数仅在 html 中可用,我在 users_page.js
您不能在 javascript 文件中包含 jinja 参数,除非您愿意为每个请求使用 jinja 呈现它。
另一种方法是让您的 React 组件发出 ajax 请求以获取所需的详细信息。为了支持这一点,你可以设置一个常规的 flask 路由到 return 它们作为 JSON 响应 - see the docs here.
您可以在 React tutorial 中看到这方面的示例。