レデューサーのアクションからデータを渡す

Question

レデューサーにデータを渡すには？

私はこの

export function loginFailed(error){ 
return { 
    type: types.LOG_IN_ERROR, 
    error 
    } 
} 

様作用を持っていると私はresponse statusに合格しようとしている私のビューコンポーネントに私の減速で、ショーのエラーが発生した後例えば

export function loginUser(credentials) { 
return function(dispatch) { 
    return sessionApi.login(credentials).then(response => { 

      dispatch(loginFailed(response.status)); 

    }).catch(error => { 
     throw(error); 
    }); 
    }; 
} 

をエラーを渡したいです。私は

function mapStateToProps(state, ownProps) { 
return { 
    errorMessage: state.error 
}; 
} 

そして、ちょうどthis.props.errorMessageこのエラーを渡すようにしようとしているときにここで

は私の減速

export const errorMessage = (state = null, action) => { 
switch(action.type){ 
    case LOG_IN_ERROR: 
     return action.errorMessage 
    default: 
     return state; 
    } 
} 

そして、私のビュー です。そして、私は未定義取得：/

あなたの助け

Answer 1

ホープあなたはオフに少しだけ、かなり接近しています。アクション作成者にerrorオブジェクトを渡しています。

return { type: types.LOG_IN_ERROR, error } 

だからあなたの減速で、あなたはaction.error、ないaction.errorMessageを経由して、そのオブジェクトにアクセスすることができます。言及した別のユーザーとして

、新しいオブジェクトを返す：

return {...state, error: action.error} 

そして、あなたのmapStateToPropsでは、あなたがそのようなエラーの小道具にアクセスすることができます。

function mapStateToProps(state) { 
    return { 
    errorMessage: state.error 
    }; 
}