変更後の状態が私のプロパティにマップされないのはなぜですか？

Question

マイコンテナ：

import React, { Component } from 'react'; 
import { connect } from 'react-redux'; 
import Example from '../components/example.jsx'; 

class ExampleContainer extends Component { 
    render() { 
    return (
     <Example isUploading={this.props.isUploading}/> 
    ); 
    } 
} 

const mapStateToProps = (state) => ({ 
    isUploading: state.isUploading 
}); 

export default connect(mapStateToProps)(ExampleContainer); 

マイ減速：

import { combineReducers } from 'redux'; 
import * as actionTypes from '../constants/action-types.js'; 

const initialState = { 
    isUploaded: false, 
    isUploading: false 
}; 


function isUploading(state = initialState, action) { 
    switch (action.type) { 
    case actionTypes.IS_UPLOADED: 
     return action.payload; 
    default: 
     return state; 
    } 
} 

function isUploaded(state = initialState, action) { 
    switch (action.type) { 
    case actionTypes.IS_UPLOADING: 
     return action.payload; 
    default: 
     return state; 
    } 
} 

export default combineReducers({ 
    isUploading, 
    isUploaded, 
}); 

は、私は私のisUploading状態が私のコンソールに変更するが、私の例の構成要素にisUploadingプロパティが変更されていない参照してください。これは最初に定義されたプロパティと同じ値を持ちます。また、mapStateToProps関数は一度だけ呼び出されていることもわかります。

Answer 1

（スペースおよび書式設定のためのコメントから移動しました。）

あなたの減速がマッピングされている

に？例えば、あなたの減速は、次のようにマップされている場合：

export const rootReducer = combineReducers({ 
    uploading: uploadingReducer, 
    // etc 
}) 

、あなたのmapStateToPropsは（stateな破壊に注意）のようになります。

const mapStateToProps = ({ uploading }) => ({ 
    isUploading: uploading.isUploading 
}); 

それが期待どおりに変更だそうだが、代わりにブール値を渡すには、減速機に含まれる状態全体を通過します。