Reduxの形式は、私は<a href="https://github.com/erikras/redux-form" rel="nofollow">redux-form</a>を使用してフォームを作成し、ここで<a href="https://github.com/davezuko/react-redux-starter-kit" rel="nofollow">react-redux-starter-kit</a></p> <p>に基づくプロジェクトでそれを使用しようとしている未知のURLに

Question

をリダイレクト私のコンテナ

import { connect } from 'react-redux' 
import { loginUser, logoutUser } from '../modules/login' 

import Login from '../components/Login' 

const mapDispatchToProps = { 
    loginUser, 
    logoutUser, 
}; 

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

export default connect(mapStateToProps, mapDispatchToProps)(Login) 

であり、ここでフォーム

です

import React, { PropTypes } from 'react'; 
import { Input, Button, Card, CardText, CardTitle } from 'react-toolbox'; 
import { Field, reduxForm } from 'redux-form'; 

const Login = props => (
    <form onSubmit={props.loginUser}> 
    <div> 
     <label htmlFor="email">Email</label> 
     <Field name="email" component="input" type="email"/> 
    </div> 
    <div> 
     <label htmlFor="password">Password</label> 
     <Field name="password" component="input" type="password"/> 
    </div> 
    <button type="submit">Submit</button> 
    </form> 
); 

export default reduxForm({ form: 'login' })(Login); 

loginUser機能は

のように見えます

この関数が呼び出されますが、私は

http://localhost:3000/login?email=test%40test.com&password=test 

にリダイレクトしていると私は理由を見つけることができません。あなたは何か考えていますか？ここで

---

は、アクション

function requestLogin(creds) { 
    return { 
    type: LOGIN_REQUEST, 
    isFetching: true, 
    isAuthenticated: false, 
    creds, 
    }; 
} 

function receiveLogin(user) { 
    return { 
    type: LOGIN_SUCCESS, 
    isFetching: false, 
    isAuthenticated: true, 
    id_token: user.id_token, 
    }; 
} 

function loginError(message) { 
    return { 
    type: LOGIN_FAILURE, 
    isFetching: false, 
    isAuthenticated: false, 
    message, 
    }; 
} 

Answer 1

が

<form onSubmit={props.handleSubmit(props.loginUser)}>  
    </form>