How to declare a Global variable in React
In this post we will give you information about How to declare a Global variable in React. Hear we will give you detail about How to declare a Global variable in ReactAnd how to use it also give you demo for it if it is necessary.
we are going to learn about how to declare a global variable in the react app.
Sometimes we need to access a particular data throughout our app in such cases we can create a global variables in react.
Declaring a global variable
In this example, we are declaring a global variable called window.$name inside index.js file.
Open your index.js file and add the below code.
import React from 'react';import ReactDOM from 'react-dom';import App from './App';window.$name = 'king' //global variableReactDOM.render(<App />, document.getElementById('root'));Accessing global variable
Now, we can access the global variable window.$name from our components like this.
import React from "react";function App() { const name = window.$name; console.log(name); // 'king' return ( <div> <h1>{name}</h1> </div> );}export default App;Hope this code and post will helped you for implement How to declare a Global variable in React. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs