redux-lesson-add-todo-form.js

 import React, { Component } from 'react'
 import { connect } from 'react-redux'
 import uuid from 'uuid/v1'

 class AddTodoForm extends Component {
   constructor(props) {
     super(props)
     this.state = { text: '' }
   }

   render() {
     const { handleSubmit, todos } = this.props;

     return (
       <section>
         <h2>Things to do: {todos.length}</h2>
         <form onSubmit={  (e) => {
               e.preventDefault()
               handleSubmit(this.state.text, uuid())
         }}>
           <input  value={this.state.text}
                   placeholder="Add A Todo"
                   onChange={(e) => this.setState({ text: e.target.value} )} />
           <button>Add Todo</button>
         </form>
       </section>
     )
   }
 }
 
 export default AddTodoForm