reduxストアを取得するためにreactコンポーネントのmapStateToPropsを呼び出す方法

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

あなたがコンポーネントからストアにアクセスできるようにするために、connect関数にごactionCreatorsとあなたのmapStateToProps機能に渡す必要があります。

export default connect(mapStateToProps)(Characters);