Javascript 如何在react组件中调用MapStateTops以获取Redux存储

Javascript 如何在react组件中调用MapStateTops以获取Redux存储,javascript,reactjs,react-redux,Javascript,Reactjs,React Redux,我正在尝试获取存储的Redux状态,以将其设置为组件的道具。下面是我的组件实现 import React, { Component } from 'react'; import {connect} from 'react-redux'; class Characters extends Component { render() { console.log('props', this.props); return( <div&

我正在尝试获取存储的Redux状态,以将其设置为组件的道具。下面是我的组件实现

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

class Characters extends Component {
    render() {
        console.log('props', this.props);
        return(
            <div>
                <h4>Characters</h4>
            </div>
        )
    }
}

const mapStateToProps = state => {
    return {
        characters: state.characters
    }
}

export default connect()(Characters);

我不知道我做错了什么。一点帮助和一个正确方向的铰链将帮助很大。谢谢:)

您忘记传递MapStateTrops以连接:

export default connect(mapStateToProps)(Characters);

您需要将actionCreators和mapStateToProps函数传递给connect函数,以便能够从组件访问存储:


导出默认连接(mapStateToProps)(字符)

您忘记将mapStateToProps添加到connect()
export default connect(mapStateToProps)(Characters);