Question

我正在学习反应并停留在特定点上。我希望有一个实用程序js类，可以将其导入大多数组件。该实用程序类必须从存储中读取数据，然后从存储中提供所需的信息。

import { connect } from 'react-redux';
class Test{
    constructor(){

    }

    getData(){
        // HOW TO GET THE DATA **HERE** ?
    }

}

function mapStateToProps(state){
    return { data: state.data};
}

export default connect(mapStateToProps)(Test);

是否可以将Test作为ReactComponent进行处理，而render（）返回null并将其用作其他组件中的实用函数？

Answer 1

使用此类会给代码增加额外的复杂性。
在您需要的任何组件中导入connect并添加添加：

function mapStateToProps(state){
    return { data: state.data};
}

export default connect(mapStateToProps)(Test);

您可以在该组件中使用props访问状态。您也可以为状态对象使用选择器，并在组件中使用该选择器。您可以使用以下模式：Redux Selector Pattern

使用React-redux的React中的实用程序类

1 个答案: