title: Redux-React: Authentication - render is not defined
body: <p>Sorry but i'm newbie redux and react</p>
  
  <p>I have some code follow example on stackoverflow, and generate error, but i don't know fixing, somebody help me</p>
  
  <p>actions/login.js</p>
  
  <pre><code>export const LOGIN = 'LOGIN';
  export const LOGOUT = 'LOGOUT';
  
  export function login(login, password) {
     return {
        type: LOGIN,
        login,
        password
     }
  }
  </code></pre>
  
  <p>components/LoginForm.js</p>
  
  <pre><code>import { Component, PropTypes } from 'react'
  
  class LoginForm extends Component {
     render () {
       console.log("LoginForm")
        return (
           &lt;div&gt;
              &lt;form action="#" onSubmit={(e) =&gt; this.handleSubmit(e)}&gt;
                 &lt;input type="text" ref={node =&gt; { this.login = node }} /&gt;
                 &lt;input type="password" ref={node =&gt; { this.password = node }} /&gt;
                 &lt;input type="submit" value="Login" /&gt;
              &lt;/form&gt;
           &lt;/div&gt;
        )
     }
  
     handleSubmit(e) {
        e.preventDefault();
        this.props.onSubmit(this.login.value, this.password.value);
     }
  }
  
  LoginForm.propTypes = {
     onSubmit: PropTypes.func.isRequired
  };
  
  export default LoginForm;
  </code></pre>
  
  <p>containers/App.js</p>
  
  <pre><code>import { Component } from 'react'
  import { connect } from 'react-redux'
  import { login } from '../actions/login'
  import LoginForm from '../components/LoginForm'
  
  class App extends Component {
     render () {
  
        const { dispatch } = this.props;
  
        return (
           &lt;div&gt;
              &lt;LoginForm onSubmit={(id, pass) =&gt; dispatch(login(id, pass))} /&gt;
           &lt;/div&gt;
        )
     }
  }
  
  const mapStateToProps = (state) =&gt; {
     return {}
  };
  const mapDispatchToProps = (dispatch) =&gt; {
     return {}
  };
  export default connect(mapStateToProps, mapDispatchToProps)(App);
  </code></pre>
  
  <p>Reducers/rootReducer.js</p>
  
  <pre><code>import { combineReducers } from 'redux'
  import { LOGIN, LOGOUT } from '../actions/login'
  
  const initialState = {
     cid: null,
     username: '',
     logo: ''
  };
  
  const userLogin = (state = initialState, action) =&gt; {
  
    switch (action.type) {
        case LOGIN:
  
          console.log("login");
  
           return state;
  
        case LOGOUT:
           //...
           return state;
  
        default:
        console.log("default");
           return state;
     }
  };
  
  const rootReducer = combineReducers({
     userLogin
  });
  
  export default rootReducer;
  </code></pre>
  
  <p>index.js</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import { createStore } from 'redux';
  import { Provider } from 'react-redux';
  import App from './containers/App'
  import rootReducer from './reducers/rootReducer'
  
  let storelogin = createStore(rootReducer);
  let rootElement2 = document.getElementById('root');
  console.log("index");
  ReactDOM.render(
     &lt;Provider store={storelogin}&gt;
        &lt;App /&gt;
     &lt;/Provider&gt;,
     rootElement2
  );
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;title&gt;Soundcloud Client&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="app"&gt;&lt;/div&gt;
      &lt;div id="counter"&gt;&lt;/div&gt;
      &lt;div id="root"&gt;&lt;/div&gt;
      &lt;div id="hellouni"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When build OK, but run localhost:8080 then i get error:
  Uncaught ReferenceError: render is not defined</p>
  
  <p>Anybody help me ?</p>