我想将数据从 Flask 传回 React 并基于它渲染 html

Question

app.py

@app.route('/liveplots', methods=["POST", "GET"])
def liveplots():
    global liveclass
    return render_template('liveplotframe.html', image=liveclass.get_plot())

liveplotframe.html

<div id='hi'></div>
    <img src="{{image}}" />

因此，如果图像是由 base64.b64encode()

编码的单个图像，那么现在此方法有效

但是，我似乎无法将其用于此类图像的列表或字典。在 app.py 我想 render_template('liveplotframe.html', list_of_images=liveclass.get_plots())

然后在我的 html 中插入一个为每个图像创建图像的脚本。

有没有简单的方法可以做到这一点？我正在使用烧瓶。

Answer 1

您需要遍历 liveplotframe.html 中的 list_of_images。

<div id='hi'></div>
{% for image in list_of_images %}
   <img src="{{image}}" />
{% endfor %}

我想将数据从 Flask 传回 React 并基于它渲染 html

I want to pass data from flask back to React and render html based on it

html

javascript

flask

reactjs

react-fullstack