Day_13 has been published

juliarnasution · Oct 13, 2020 · f49f726 · f49f726
1 parent 7841890
commit f49f726
Show file tree

Hide file tree

Showing 7 changed files with 113 additions and 1,072 deletions.
diff --git a/11_Day_Events/11_events_boilerplate/README.md b/11_Day_Events/11_events_boilerplate/README.md
@@ -1,4 +1,4 @@
-# 30 Days of React App: Day 3
+# 30 Days of React App: Day 11
 
 In the project directory, you can run to start the project
 

diff --git a/12_Day_Forms/12_forms.md b/12_Day_Forms/12_forms.md
@@ -92,6 +92,8 @@ The input element has many attributes such as value, name, id, placeholder, type
 
 ```js
 import React, { Component } from 'react'
+import ReactDOM from 'react-dom'
+
 class App extends Component {
   // declaring state
   // initial state
@@ -134,7 +136,9 @@ We usually use form to handle use information. Let us move to form section and m
 In this section we will develop a small form which collect user information. Our user is a student. We use a parent form element and certain number of input elements to collect user information. In addition to that we will have event listener for the form (onSubmit) and for the inputs (onChange). See the following example try to see the commonts too. You can also check the live [demo](https://codepen.io/Asabeneh/full/eYNvJda).
 
 ```js
-class App extends React.Component {
+import React, { Component } from 'react'
+import ReactDOM from 'react-dom'
+class App extends Component {
   // declaring state
   state = {
     firstName: '',
@@ -202,9 +206,7 @@ class App extends React.Component {
             />
           </div>
 
-          <button onClick={this.changeAnimal} class='btn btn-success'>
-            Submit
-          </button>
+          <button class='btn btn-success'>Submit</button>
         </form>
       </div>
     )
@@ -683,6 +685,7 @@ class App extends Component {
       file,
       skills: formattedSkills,
     }
+    // the is the place we connect backend api to send the data to the database
     console.log(data)
   }
 

diff --git a/12_Day_Forms/12_forms_boilerplate/README.md b/12_Day_Forms/12_forms_boilerplate/README.md
@@ -1,4 +1,4 @@
-# 30 Days of React App: Day 3
+# 30 Days of React App: Day 12
 
 In the project directory, you can run to start the project