/Javascript/React/React dynamic settings

React dynamic settings

The easiest solution for me turned out to be to include a tag in my index.html. This gets minified during the NPM build but it does not get bundled with the other javascript so it can easily be replaced with another file at deploy time. My config.js looks like this:

config = {
    "title": "Application Title",
    "envName": "LocalDev",
    "URL": "localhost:8090"
}
Then inside my react components they're accessible by using:

const config = window.config;
alert("Application branding title is: " + config.title);

Source: stackoverflow.com

Similar codes

-5 votes217 views3 answers
Use ref in component reactjs
Javascript React
0 vote227 views1 answer
A form label must be associated with a control react
Javascript React
3 votes215 views2 answers
React get data attribute from element
Javascript React
112 votes257 views10 answers
React
Javascript React
0 vote237 views1 answer
React native diasble view
Javascript React
0 vote213 views1 answer
React looping hooks to display in other hook
Javascript React
4 votes239 views2 answers
Defining functions in react
Javascript React
8 votes249 views2 answers
React native rotate image
Javascript React
0 vote259 views1 answer
React router redirect with query params
Javascript React
0 vote192 views1 answer
Displaying the date react
Javascript React