What is the correct way to store a variable so that It is accessible to all components/pages?

1

Redux.js

If you have a more complex component hierarchy, and the component who receives the DB response is not on the top, you might consider introducing a State management tool, such as Redux: https://redux.js.org / https://react-redux.js.org.

#Javascript UI Libraries #JS Library #Front-End Frameworks 165 social mentions

2

react-context

If the component that does the fetch and receives the response from the DB is in the top of the component tree, then you could use React’s in-built Context API, and then you can provide that data to ALL the children components: https://reactjs.org/docs/context.html.

#Javascript UI Libraries #Front-End Frameworks #JS Library 207 social mentions

3

React Redux

If you have a more complex component hierarchy, and the component who receives the DB response is not on the top, you might consider introducing a State management tool, such as Redux: https://redux.js.org / https://react-redux.js.org.

#Javascript UI Libraries #JS Library #Front-End Frameworks 20 social mentions