如何将状态从redux传递到基于类的组件?

时间:2019-08-02 13:47:24

标签: reactjs react-redux

由于我不熟悉所有这些东西,因此在从redux传递(读取)状态以响应基于类的组件时遇到一些麻烦。

在基于类的组件上,我添加了connect和mapStateToProps,但不确定如何访问它。

import React, { Component } from "react";
import { connect } from "react-redux";

    class MyComp extends Component {
        render() { 
            return (
               <div>
                   // data from props
                </div>
           )
        }
     }


const mapStateToProps = state => ({
    getVal: state.testReducer.testState
});

export default connect(mapStateToProps)(MyComp);

我正在寻找的是从该州获得价值。 一些详细的示例,教程或类似内容将非常有用,这样我就可以更好地理解它。

对不起,这可能是菜鸟问题...

我一直在寻找在Redux内外以及组件之间读取,设置和传递数据的方法,但我感到不知所措,希望得到一些澄清。

1 个答案:

答案 0 :(得分:3)

您只需使用this.props.getVal进行访问。 使用mapStateToProps正确映射的所有属性都将注入到组件prop。