import React from 'react'
import { connect } from 'react-redux'
import { addTodo } from '../actions'

let AddTodo = ({ dispatch }) => {
  let input

  return (
    <div>
      <form onSubmit={e => {
        e.preventDefault()
        if (!input.value.trim()) {
          return
        }
        dispatch(addTodo(input.value))
        input.value = ''
      }}>
        <input ref={node => {
          input = node
        }} />
        <button type="submit">
          Add Todo
        </button>
      </form>
    </div>
  )
}
AddTodo = connect()(AddTodo)

export default AddTodo

@@ -93,16 +93,53 @@
 actions'
+%0Aimport %7B View %7D from 'react-native';
 %0A%0Alet Ad
@@ -195,19 +195,20 @@
  (%0A    %3C
-div
+View
 %3E%0A      
@@ -552,11 +552,12 @@
   %3C/
-div
+View
 %3E%0A  

use View instead of div