Merge pull request #1394 from tonyspiro/master

examples form onsubmit

Author: gaearon

docs/basics/ExampleTodoList.md

@@ -347,15 +347,21 @@ let AddTodo = ({ dispatch }) => {
 
   return (
     <div>
-      <input ref={node => {
-        input = node
-      }} />
-      <button onClick={() => {
+      <form onSubmit={e => {
+        e.preventDefault()
+        if (!input.value.trim()) {
+          return
+        }
         dispatch(addTodo(input.value))
         input.value = ''
       }}>
-        Add Todo
-      </button>
+        <input ref={node => {
+          input = node
+        }} />
+        <button type="submit">
+          Add Todo
+        </button>
+      </form>
     </div>
   )
 }

examples/todos-with-undo/containers/AddTodo.js

@@ -7,15 +7,21 @@ let AddTodo = ({ dispatch }) => {
 
   return (
     <div>
-      <input ref={node => {
-        input = node
-      }} />
-      <button onClick={() => {
+      <form onSubmit={e => {
+        e.preventDefault()
+        if (!input.value.trim()) {
+          return
+        }
         dispatch(addTodo(input.value))
         input.value = ''
       }}>
-        Add Todo
-      </button>
+        <input ref={node => {
+          input = node
+        }} />
+        <button type="submit">
+          Add Todo
+        </button>
+      </form>
     </div>
   )
 }

examples/todos/containers/AddTodo.js

@@ -7,15 +7,21 @@ let AddTodo = ({ dispatch }) => {
 
   return (
     <div>
-      <input ref={node => {
-        input = node
-      }} />
-      <button onClick={() => {
+      <form onSubmit={e => {
+        e.preventDefault()
+        if (!input.value.trim()) {
+          return
+        }
         dispatch(addTodo(input.value))
         input.value = ''
       }}>
-        Add Todo
-      </button>
+        <input ref={node => {
+          input = node
+        }} />
+        <button type="submit">
+          Add Todo
+        </button>
+      </form>
     </div>
   )
 }