如何从简单的类中正确调度应用范围的数据?

Question

理想情况下，我需要一个简单的JavaScript类，我可以编写一个普通的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-Reduxconnect函数仅适用于React 组件。

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