将 url 路径从 Symfony 传递到 React？

Question

我正在使用 Symfony 5 和 Vich 上传程序包来上传图像，并且我在项目中有一个单独的 React 应用程序来处理图像。由 Vich Uploader 配置创建的图像目录和路径，可以在 Symfony 环境中访问。但我不知道如何将该 url 路径传递到我的 React 应用程序中。

我的 React 应用程序是使用带有树枝模板的 Symfony 文档连接的。

show_image.twig.html

<div id="root"></div>

{% block javascripts %
    {{ encore_entry_script_tags('app') }}
{% endblock %}

app.js

ReactDOM.render(<App/>, document.getElementById('root'));

我可以在不硬编码的情况下获得进入我的 React 应用程序的路径吗？

Answer 1

在前面传递数据的最简单方法是将数据存储在树枝中的 var 中，如下所示：

<div id="root"></div>

{% block javascripts %
    <script>
        var imagePath = '{{ image_path }}';
    </script>
    {{ encore_entry_script_tags('app') }}
{% endblock %}