将url路径从Symfony传递到React？

Question

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

我的React应用程序是使用Symfony文档和twig模板连接的。

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 %}