{"size": 581, "ext": "js", "max_stars_repo_path": "src/components/numbers.js", "max_stars_repo_name": "jgates5/five-project-piece-in-react", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/numbers.js", "max_issues_repo_name": "jgates5/five-project-piece-in-react", "max_issues_repo_issues_event_min_datetime": "2021-05-11T18:59:47.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T07:26:25.000Z", "max_forks_repo_path": "src/components/numbers.js", "max_forks_repo_name": "jgates5/five-project-piece-in-react", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 4, "max_forks_count": null, "avg_line_length": 17.6060606061, "max_line_length": 64, "alphanum_fraction": 0.512908778}
import React, { Component } from 'react';


export default class Numbers extends Component {

  constructor() {
    super();
    this.state = {
      list: 0,
    };
  }



    upList= () =>{
      this.setState({ list: this.state.list + 1});
    }
    downList= () =>{
      this.setState({ list: this.state.list - 1});
    }
 
  render () {
    
    return (
      <div className='alignment-wrapper'>
        {this.state.list}
        <button onClick={() => this.upList("0")}>Up</button>
        <button onClick={() => this.downList("0")}>Down</button>
      </div>
    );
  }

}