Reduxアクションが反応している小道具にマッピングされていません

Question

私は最初の反応ネイティブアプリを作っています。私は自分の行動を小道具にバインドするようです。コンポーネントthis.props.actionsは空であり、LoginActionsもmapDispatchToProps関数の空のオブジェクトです。これは、私が行動や結びつきの束縛の問題を信じるように導きます。誰かが私が間違っているのを見ることができますか？

コンポーネント：

import React, { Component } from 'react'; 
import PropTypes from 'prop-types'; 
import { connect } from 'react-redux'; 
import { bindActionCreators } from 'redux'; 
import { 
    View, 
    StyleSheet, 
} from 'react-native'; 
import { 
    google, 
    facebook, 
    twitter, 
} from 'react-native-simple-auth'; 
import LoginConstants from '../../constants/Login.constants'; 
import * as LoginActions from '../../actions/Login.actions'; 
import LoginForm from '../../components/LoginForm'; 

class Login extends Component { 
    constructor(props) { 
    super(props); 
    alert(JSON.stringify(this.props.actions)) 
    this.loginActions = { 
     google, 
     facebook, 
     twitter, 
    }; 

    this.loginAction = this.loginAction.bind(this); 
    } 

    loginAction(platform) { 
    alert(JSON.stringify(this.props.actions)) 
    // this.loginActions[platform](LoginConstants[platform]) 
    // .then((info) => { 
    //  alert(info); 
    //  // info.user - user details from the provider 
    //  // info.credentials - tokens from the provider 
    // }).catch((error) => { 
    //  throw Error(`Error ${error.code}: ${error.description}`); 
    // }); 
    } 

    render() { 
    return (
     <LoginForm actions={this.loginActions} loginAction={this.loginAction} /> 
    ); 
    } 
} 

Login.propTypes = { 
    actions: PropTypes.object.isRequired, 
    user: PropTypes.object 
}; 

const styles = StyleSheet.create({ 
}); 

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

const mapDispatchToProps = (dispatch) => { 
    return { 
    actions: bindActionCreators(LoginActions, dispatch) 
    }; 
}; 

export default connect(mapStateToProps, mapDispatchToProps)(Login); 

アクション：

import LoginConstants from '../constants/Login.constants'; 

export function getUser(userId) { 
    return { 
    type: LoginConstants.actions.getUser, 
    payload: new Promise((resolve, reject) => { 
     setTimeout(() => { 
     resolve({ 
      userId: '123ddgs', 
     }); 
     }, 2000); 
    }); 
    }; 
}; 

export function saveUser(user) { 
    return { 
    type: LoginConstants.actions.saveUser, 
    payload: new Promise((resolve, reject) => { 
     setTimeout(() => { 
     resolve({ 
      userId: '123ddgs', 
     }); 
     }, 2000); 
    }) 
    }; 
}; 

リデューサー：

import LoginConstants from '../constants/Login.constants'; 

const loginReducers = (state = { 
    user: {}, 
    prevStates: [] 
}, action) => { 
    switch (action.type) { 
    case LoginConstants.actions.getUser: 
     state = { 
     ...state, 
     user: action.payload, 
     prevStates: [...state.prevStates, action.payload] 
     }; 
     break; 

    case LoginConstants.actions.saveUser: 
     state = { 
     ...state, 
     user: action.payload, 
     prevStates: [...state.prevStates, action.payload] 
     }; 
     break; 
    } 

    return state; 
}; 

export default loginReducers; 

ストア：

import { 
    createStore, 
    combineReducers, 
    applyMiddleware, 
} from 'redux'; 
import thunk from 'redux-thunk'; 
import promise from 'redux-promise-middleware'; 
import { createLogger } from 'redux-logger'; 
import loginReducers from './src/reducers/Login.reducers'; 
import beerReducers from './src/reducers/Beer.reducers'; 

export default createStore(
    combineReducers({ 
    loginReducers, 
    beerReducers, 
    }), 
    {}, 
    applyMiddleware(createLogger(), thunk, promise()) 
); 

Answer 1

JSON.stringify関数が出力から削除されたため、アクションとディスパッチャがアラート出力に表示されませんでした。