如何从一个简单的类正确分发应用程序范围的数据？

Question

理想情况下，我需要编写一个普通的JavaScript类，以使用Redux将数据分发到我的应用程序的其余部分。

但是，我不知道如何为Redux提供普通的JavaScript类访问权限，因此我编写了一个虚拟的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函数only在React组件上起作用。

[如果您需要使用纯JS代码与Redux存储交互，则需要将存储直接导入到该文件中，或者需要从React组件中调用该代码并传递从connect中获得的数据。