mapStateToPropsがまったく呼び出されない

Question

mapStateToPropsを使用してストアに登録されているコンテナを作成しようとしています。私は、このファッションただし、mapStateToPropsは一度も呼ばなっていません

export default function firstReducer(state={}, action) { 
    switch(action.type){ 
     case 'ADD_USERNAME': 
      return Object.assign({}, state, { 
       username: action.payload 
      }); 
     default: 
      return state; 
    } 
} 

にレデューサーを使用して状態を変更することができています。あなたがなるときはどこでそれ以外の場合は、あなたが

初の世話をする必要がありますコンポーネント名は大文字であることと、第二の成分からの輸出のデフォルトを削除しないで持っている間違った

export default class myComponent extends React.Component{ 
    render(){ 
     return(
      <h1>this.props.userName</h1> 
     ) 
    } 
} 

function mapStateToProps(state){ 
    console.log("Hey"); 
    return{ 
     userName: state.username 
    }; 
} 

export const myContainer = connect(mapStateToProps, null)(myComponent); 

Answer 1

2つのことをつもりですデフォルトでインポートすると、ストアに接続したコンポーネントは使用しません

class MyComponent extends React.Component{ 
    render(){ 
     return(
      <h1>this.props.userName</h1> 
     ) 
    } 
} 

function mapStateToProps(state){ 
    console.log("Hey"); 
    return{ 
     userName: state.username 
    }; 
} 

export default connect(mapStateToProps, null)(MyComponent);