Global state in React Native

by

I usually create a global.js containing:

module.exports = {
   screen1: null,
};

And get the value of the state on the screen

import GLOBAL from './global.js'

constructor() {

    GLOBAL.screen1 = this;

}

Now you can use it anywhere like so:

GLOBAL.screen1.setState({
    var: value
});

More Related Contents:

  1. How can I dispatch function in redux?
  2. Component won’t update when a redux state change occurs
  3. Could not find “store” in either the context or props of “Connect(App)”
  4. React Context vs React Redux, when should I use each one? [closed]
  5. Understanding React-Redux and mapStateToProps()
  6. How do I access store state in React Redux?
  7. Getting an error “A non-serializable value was detected in the state” when using redux toolkit – but NOT with normal redux
  8. Changing the layout of a component depending on Redux state
  9. Redux Presentational Components Vs Container Component
  10. What is component in reactjs?
  11. How to create a translucent in React Native?
  12. How to dispatch a Redux action with a timeout?
  13. How can I display a modal dialog in Redux that performs asynchronous actions?
  14. How to overcome the CORS issue in ReactJS
  15. Adding new data to firebase users
  16. Where can I make API call with hooks in react?
  17. How to register event with useEffect hooks?
  18. How can I force a component to re-render with hooks in React?
  19. When is it appropriate to use a constructor in REACT?
  20. How to prevent re-rendering of components that have not changed?
  21. React.createClass vs. ES6 arrow function
  22. Is it an anti-pattern to define a function component inside the render() function?
  23. Read Store’s Initial State in Redux Reducer
  24. React Native: Using lodash debounce
  25. unable to scroll in scrollView
  26. Cannot update a component while rendering a different component warning
  27. Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
  28. How to clear react-native cache?
  29. Pros/cons of using redux-saga with ES6 generators vs redux-thunk with ES2017 async/await
  30. import * as React from ‘react’; vs import React from ‘react’;

Leave a Comment