sazid_iiuc

Untitled

Feb 26th, 2021 (edited)
291
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. class Counter extends Component {
  2.     state = {
  3.         count : 0,
  4.         tags : ['Tag 1', 'Tag 2', 'Tag 3']
  5.     }
  6.  
  7.     incrementor = () => {
  8.         this.setState({count: this.state.count+1})
  9.         console.log(this.state.count);
  10.     }
  11.     decrementor = () => {
  12.         if(this.state.count > 0)
  13.         {
  14.             this.setState({count: this.state.count - 1});
  15.         }
  16.         console.log(this.state.count);
  17.     }
  18.  
  19.     render() {
  20.         return (
  21.             <React.Fragment>
  22.                 <div className ="heading">
  23.                     <h1>Hello CSS</h1>
  24.                 </div>
  25.                 <div className = "contents">
  26.                 <p>{this.state.count}</p>
  27.                 {this.state.tags.map(tags => <li key = {tags} >{tags}</li>)}
  28.                 <button onClick={this.incrementor} className = {"btn btn-success"}>Increment</button>
  29.                 <button onClick={this.decrementor} className = {"btn btn-alert"}>Decrement</button>
  30.                 </div>
  31.             </React.Fragment>
  32.          );
  33.     }
  34.  
  35. }
RAW Paste Data