Clase platzi#6 - Eventos en React: onClick, onChange

Author: scharcode

src/CreateTodoButton.js

@@ -2,7 +2,16 @@ import './CreateTodoButton.css';
 
 function CreateTodoButton() {
   return (
-    <button className="CreateTodoButton">+</button>
+    <button
+      className="CreateTodoButton"
+      onClick={
+        (event) => {
+          console.log('Hiciste clic')
+          console.log(event)
+          console.log(event.target)
+        }
+      }
+    >+</button>
   );
 }
 

src/TodoSearch.js

@@ -5,6 +5,12 @@ function TodoSearch() {
     <input 
       placeholder="Buscar TODO"
       className="TodoSearch"
+      onChange={(event) => {
+        console.log('Escribiste en el TodoSearch')
+        console.log(event)
+        console.log(event.target)
+        console.log(event.target.value)
+      }}
     />
   );
 }