将 React 环境变量插入 HTML 脚本标签

Question

I am using React environment variables and I am looking to insert one in my index.html <script> tag.

Here is what I've tried to no avail:

<script src="https://maps.googleapis.com/maps/api/js?key=" + process.env.REACT_APP_PLACES_API + "&libraries=places"></script>

Answer 1

If you're using create-react-app, you can update your script like this:

<script src="https://maps.googleapis.com/maps/api/js?key=%REACT_APP_PLACES_API%&libraries=places"></script>

You can check it here

Answer 2

Try something like this:

src={ url${variable1}url }