2017-06-09 3 views
0

Dies ist der Code unten, ich kann UserLoginRequest nicht aufrufen. userLoginRequest einfach Benutzer authentifizieren, kann ich acion für userLoginRequest nicht versenden. Ich bin Neuling, um zu reagieren und zu reagieren-Redux, also bitte führe mich.React-Redux Aktion Versand Problem?

import React, { PropTypes } from 'react'; 
import { connect } from 'react-redux'; 
import Helmet from 'react-helmet'; 
import { createStructuredSelector } from 'reselect'; 
import makeSelectLoginContainer from './selectors'; 
import Login from 'components/Login'; 
import { userLoginRequest } from './actions'; 


export class LoginContainer extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function 
    doLogin(username, password) { 
    console.log('DoLogin', username, password); 
    } 
    render() { 
    return (
     <div> 
     <Login handleSubmit={this.doLogin}></Login> 
     </div> 
    ); 
    } 
} 

LoginContainer.propTypes = { 
    userLoginRequest: PropTypes.func.isRequired, 
}; 

const mapStateToProps = createStructuredSelector({ 
    LoginContainer: makeSelectLoginContainer(), 
}); 


function mapDispatchToProps(dispatch) { 
    return { 
    userLoginRequest: (username, password) => dispatch(actions.userLoginRequest(username, password)), 
    }; 
} 

export default connect(mapStateToProps, mapDispatchToProps)(LoginContainer); 
+1

Ich sehe Sie rufen die falsche Anmeldeanforderungsfunktion 'handleSubmit = {this.props.userLoginRequest}', m ake sicher, dass die Login-Komponente den Benutzernamen, Passwort als Parameter –

Antwort

0

Sie haben bereits destructured Sie Aktionen Modul

userLoginRequest: (username, password) => dispatch(userLoginRequest(username, password)), 

oder nicht zerstören Aktionen

import * as actions from './actions'; 

Und sicherlich müssen Sie this.props.userLoginRequest innerhalb doLogin Methode aufzurufen :)

+0

Dankeschön übergibt. das hat mein Problem gelöst. Können Sie mir einige Websites vorschlagen, um meine Grundlagen über reagieren und redux –

+0

Kein Problem. Redux 'Docs sind eigentlich gut http://redux.js.org/ Aber dieses Problem war mehr über es ** Whateverover ** Grundlagen. –