setState

15Dkatz · Oct 19, 2022 · a28a72f · a28a72f
1 parent d8399e1
commit a28a72f
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/portfolio/src/App.js b/portfolio/src/App.js
@@ -3,7 +3,15 @@ import React, { Component } from 'react';
 class App extends Component {
   constructor() {
     super();
-    this.state = { displayBio: true };
+    this.state = { displayBio: false };
+
+    console.log('Component this', this);
+
+    this.toggleDisplayBio = this.toggleDisplayBio.bind(this);
+  }
+
+  toggleDisplayBio() {
+    this.setState({ displayBio: !this.state.displayBio });
   }
 
   render() {
@@ -18,8 +26,13 @@ class App extends Component {
               <p>I live in San Francisco, and code every day.</p>
               <p>My favorite language is JavaScript, and I think React.js is awesome</p>
               <p>Besides coding, I also love music and ramen!</p>
+              <button onClick={this.toggleDisplayBio}>Show less</button>
+            </div>
+          ) : (
+            <div>
+              <button onClick={this.toggleDisplayBio}>Read more</button>
             </div>
-          ) : null
+          )
         }
       </div>
     );