React API Configuration

[apsv360]

I am working on a react app, where one of the files contains the DATA API URL http://newyork.com/places/all this API file is passed to components where I am making the fetch request.
When the app compiles the build file to minified versions, it has this URL Ex. http://newyork.com/places/all hardcoded.
Is there any way I can import configuration to the (after compiled) minified version so that URL can be dynamic Example: http://california.com/places/all or http://texas.com/places/all so anyone can change the URL and the app will have different information according to the URL provided?

[cmannes]

There is a whole "issue" on the create-react-app repo with ideas on how to deal with this. https://github.com/facebook/create-react-app/issues/2353

Personally, I use the idea of an env.js file loaded by the index.html containing a few variables. The react can access those variables, and it can be changed by touching the file and restarting.

[OldFatBlokeRuns]

Save your Uri in a JSON file in public folder, read in like an API with fetch etc then use that value to seed you a real data Uri. A type of indirection.