Использование Redux без React для экспорта функций

Question

Я хочу иметь возможность создавать список функций, подключенных к Redux, без использования React, чтобы я мог использовать эти функции в различных компонентах моего приложения.Как я могу сделать это без использования компонентов React / реагировать?Пожалуйста, смотрите ниже мой подход.Могу ли я использовать реактив-редукс connect?Спасибо.

import PropTypes from 'prop-types';
import {connect} from 'react-redux';
import {fetchUsers} from './actions';

class Sample {
  getUsers() {
    this.props.fetchUsers();
  }

  displayUser() {
    if (this.props.isSignedIn) {
      return (
        <h1>`The user ID is: ${this.props.userId}`</h1>
      );
    }
  }
}

Sample.propTypes = {
  isSignedIn: PropTypes.bool.isRequired,
  userId: PropTypes.number.isRequired,
  fetchUsers: PropTypes.func.isRequired,
};

const mapStateToProps = (state) => ({
  isSignedIn: state.isSignedIn,
  userId: state.userId,
});

const mapDispatchToProps = (dispatch) => ({
  fetchUsers: () => {
    dispatch(fetchUsers());
  },
});

export default connect(mapStateToProps, mapDispatchToProps)(Sample);

Вы также можете посмотреть здесь мой index.js

import React from 'react';
import {Provider} from 'react-redux';
import {ConnectedRouter} from 'react-router-redux';
import createHistory from 'history/createBrowserHistory';
import App from './app';

const history = createHistory();
const store = configureStore(history);

render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <App />
    </ConnectedRouter>
  </Provider>, document.getElementById('app'),
);