/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

0 vote179 views1 answer
Form.Control textarea react bootstrap
Javascript React
0 vote194 views2 answers
React write into json file
Javascript React
0 vote191 views1 answer
React navbar material ui
Javascript React
8 votes169 views4 answers
Props react
Javascript React
4 votes180 views1 answer
Multiple click events in react
Javascript React
0 vote231 views2 answers
Why navlink in react router always active
Javascript React
0 vote200 views1 answer
React hero slider
Javascript React
0 vote192 views1 answer
Concept of node js with react js
Javascript React
0 vote177 views1 answer
How to change tab color react bootstraps customixation
Javascript React
3 votes198 views1 answer
React.children.only expected to receive a single react element child
Javascript React