javascript - 如何在 React 组件中调用 mapStateToProps 获取 Redux store

Question

我正在尝试将存储的 Redux 状态设置为组件的 Prop 。我的组件实现如下

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);

我的 reducer 设置如下。现在我的 console.log() 打印出一个调度对象而不是 Prop 。我不确定我还需要做什么来设置组件的 Prop 。我测试了我的 reducer ，它们似乎工作正常。我无法将组件的 Prop 设置为 redux 商店。下面是我的主要 reducer 。

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);