如何在React组件中调用mapStateToProps以获取Redux存储

Question

我正在尝试获取存储为设置为组件的道具的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);

我已经按照以下步骤设置了减速器。 现在我的console.log()正在打印出一个调度对象而不是道具。 我不确定要设置组件的道具还需要做什么。 我已经测试了我的减速器，它们似乎工作正常。 我在将组件的道具设置到redux商店时遇到麻烦。 以下是我的主要减速器。

import { combineReducers } from 'redux';
import characters from './characters_reducer';
import heroes from './heroes_reducer';

const rootReducers = combineReducers({
    characters,
    heroes
});

export default rootReducers;

不知道我在做什么错。 一点帮助和朝正确方向的转折会很有帮助。 谢谢 ：）

Answer 1

您忘记传递mapStateToProps进行连接：

export default connect(mapStateToProps)(Characters);

Answer 2

您需要将actionCreators和mapStateToProps函数传递给connect函数，以便能够从组件访问商店：

export default connect(mapStateToProps)(Characters);