Как правильно распределить данные приложения из простого класса?

Question

В идеале мне нужен простой JavaScript класс, который я могу написать для отправки данных с помощью Redux остальной части моего приложения.

Однако я не знал, как предоставить простому JavaScript классу доступ к Redux, поэтому я написал фиктивный компонент React для этого, как показано ниже:

Он ничего не отображает, но формат дает мне доступ к отправке, поэтому я могу отправлять данные в хранилище.

Как можно Я пишу это, используя простой класс без расширения React?

import React        from 'react';
import { connect } from 'react-redux';

class Data extends React.Component {

  constructor(props) {
    super(props);
    this.getUser();
    this.getItems();
  }

  getUser () {    
     // get data and dispatch
  }

  getItems () {
     // this.props.dispatch( // some data );
  }

  render () {
    return (
      <div></div>
    )
  }
}

const mapStateToProps = state => { return {} }
export default connect(mapStateToProps)(Data);

Answer 1

Функция React-Redux connect только работает с компонентами React.

Если вам нужно взаимодействовать с хранилищем Redux в простом JS коде, вам нужно либо импортировать хранить непосредственно в этом файле, или вам нужно вызвать этот код из компонента React и передать данные, полученные из connect.