React lab 1 Instructor : Edgardo , TA : Silu

src/BoardSwitcher.js

@@ -15,22 +15,50 @@ class Board extends React.Component {
 }
 
 class BoardSwitcher extends React.Component {
+  constructor(props) {
+    super(props); // required so that props work
+    this.state = {
+      clicks: 0,
+    };
+  }
+
+  handleClick(event) {
+    let value = this.state.clicks;
+
+    this.setState({
+      clicks: this.state.clicks + 1
+    });
+    console.log(value);
+    if(value > 1){
+      this.setState({
+        clicks: 0
+      });
+    }
+
+  }
   render() {
     let boards = [];
     for (let ii = 0; ii < this.props.numBoards; ii++) {
-      let isSelected = ii === 0;
+      let value = this.state.clicks;
+
+      let isSelected = ii ===  value; 
+    console.log( "value " + value);
+    console.log( "ii " + ii);
       boards.push(
-        <Board index={ii} selected={isSelected} key={ii} />
+        <Board index={ii} selected={ isSelected} key={ii} />
       );
     }
 
     return (
       <div>
         <div className="boards">{boards}</div>
-        <button>Toggle</button>
+        <button onClick={ (e) => this.handleClick(e) 
+        }>{ this.props.btnText }Toggle</button>
       </div>
     );
   }
 }
 
+
+
 export default BoardSwitcher;