Html 如何在React from flask后端中渲染图像?

Html 如何在React from flask后端中渲染图像?,html,reactjs,flask,Html,Reactjs,Flask,我对React和Flask都是一个绝对的初学者 我的烧瓶(/images)文件夹中有一个图像“signature.png”。我需要在React中的frontend index.js页面上显示此图像 因此,我为此创建了一条路线,如下所示: @contracts.route('/test/<image_name>', methods=["GET"]) @role_required(['Admin']) @cache.cached() def get_test(i

我对React和Flask都是一个绝对的初学者

我的烧瓶(/images)文件夹中有一个图像“signature.png”。我需要在React中的frontend index.js页面上显示此图像

因此,我为此创建了一条路线,如下所示:

@contracts.route('/test/<image_name>', methods=["GET"]) 
@role_required(['Admin']) 
@cache.cached() 
def get_test(image_name):
    try:
        return send_from_directory("/images", filename=image_name, as_attachment=False)
    except FileNotFoundError:
        abort(404)
随后,我为这个函数创建了常量和减缩器。但我不确定如何将此图像添加到index.js文件中的元素中

当我和我的团队讨论这个问题时,他们让我知道这是不必要的,我只需要提供这个url作为端点的响应

这是否意味着我不必发送图像,只需将URL传递给图像源

如有任何解释,我们将不胜感激

非常感谢你

const requestForTest = () => {
  return (dispatch, getState, requests) => {
    dispatch(testRequest());
    return requests.send({
      url: `testFolder/test/test-image.png`,
      method: 'GET',
      token: getToken(getState),
      data:{}
    }).then(() => {
      return dispatch(testRequestSuccess());
    }).catch((error) => {
      dispatch(testRequestFailure(error));
      throw error;
    });
  };
};