Accessing redux store inside functions

Question

I would prefer to have a function exposed from a .js file , within that function I would prefer to have access to the variables in the store.

Snippet of the code : -

import { connect } from 'react-redux';  function log(logMessage) {     const {environment} = this.props;     console.debug('environment' + environment + logMessage );      .... }  function mapStateToProps(state) {     return {         environment : state.authReducer.environment     }; }  export default function connect(mapStateToProps)(log); 

I have many components, which attach the class through connect, can I attach functions through connect()?

Answer 1

Edit 1

Some_File.js

import store from './redux/store.js';  function aFunction(){    var newState =store.getState();    console.log('state changed'); }  store.subscribe(aFunction) 

I am assuming you have created store and reducers as redux expects.

~~~~~~~~~~~~~~~

Original Answer Starts

This is a sort of hack, I don't know what you are doing so I can't say you should or you should not do it, but you can do it this way. I have copy-pasted some of your code with some modifications.

Class XYZ extends React.Component{      componentWillReceiveProps(props){        //in your case this.props.storeCopy is redux state.       //this function will be called every time state changes      }       render(){         return null;      } }    function mapStateToProps(state) {     return {         storeCopy : state     }; }  export default function connect(mapStateToProps)(XYZ); 

Put this component somewhere at top, may just inside provider, whenever state changes this componentWillReceiveProps of this component will be invoked.

Answer 2

If you have a pure functional component then you can access the redux state directly like this:

import store from './redux/store';  function getStoreDetails() {    console.log(store.getState()); }