From 21dea7376cac0d1a254aea0a7a2572c4b15e0a21 Mon Sep 17 00:00:00 2001
From: Karl Horky <karl.horky@gmail.com>
Date: Sat, 5 Sep 2020 17:42:36 +0200
Subject: [PATCH] Don't rely on hoisting for event handler functions

---
 content/home/examples/an-application.js | 34 ++++++++++++-------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/content/home/examples/an-application.js b/content/home/examples/an-application.js
index fd28b31bfd3..79b597d0771 100644
--- a/content/home/examples/an-application.js
+++ b/content/home/examples/an-application.js
@@ -2,6 +2,23 @@ function TodoApp() {
   const [items, setItems] = React.useState([]);
   const [text, setText] = React.useState('');
 
+  function handleChange(e) {
+    setText(e.target.value);
+  }
+
+  function handleSubmit(e) {
+    e.preventDefault();
+    if (text.length === 0) {
+      return;
+    }
+    const newItem = {
+      text: text,
+      id: Date.now()
+    };
+    setItems(items.concat(newItem));
+    setText('');
+  }
+
   return (
     <div>
       <h3>TODO</h3>
@@ -21,23 +38,6 @@ function TodoApp() {
       </form>
     </div>
   );
-
-  function handleChange(e) {
-    setText(e.target.value);
-  }
-
-  function handleSubmit(e) {
-    e.preventDefault();
-    if (text.length === 0) {
-      return;
-    }
-    const newItem = {
-      text: text,
-      id: Date.now()
-    };
-    setItems(items.concat(newItem));
-    setText('');
-  }
 }
 
 function TodoList(props) {