How to create a global variable in react component,so that all the other react component can access that global variable and modify it,and for every new request the global variable data should not be lost.
I have tried
localStorage.setItem('key',value)
this is working fine. But problem is By using localstorage. when do logout and log in, into application the values are still exists.
I do not recommend using global variables in React. When you store something in a global variable and you can modify it from everywhere it is against the philosophy of React.
But you can use more option which is in line with React and can access it form plenty of places. And all of the option provides re rendering when the this global value change.
Store your data in the topmost component state and pass it to the child components via property.
Store your data in the topmost component state and use Context to access it from a deep down child component without passing the data in properties trough the component hierarchy.
Use redux. It is an overkill sometimes and has a steeper learning curve, but you can access the centralized redux data from every component and every level. (it uses Context too)
window