reposTable = () => {

table.push(
  <div class="accordion" id="accordionExample">{repo}{repourl}
    <div class="card">
      <div class="card-header" id="headingOne">
      <div className="row">
        <div className="col-sm-4"><b>Repository Name:</b><p> {this.state.reponame[i].name}</p></div>
        <div className="col-sm-6"><b>Link:</b> <a href={this.state.reponame[i].html_url} target="_blank" rel="noopener noreferrer">{this.state.reponame[i].html_url}
                        </a></div>
        <div className="col-sm"> <button class="btn btn-link" type="button" data-toggle="collapse" data-target={`#`+this.state.reponame[i].name} aria-expanded="true" aria-controls={"collapseOne"}>
            Commits
          </button></div>
      </div>

        <h2 class="mb-0">
        </h2>
      </div>




      <div id={this.state.reponame[i].name} class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
        <div class="card-body">
          {}
          Commit: {console.log(this.state.commits)}
        </div>
      </div>
    </div>

    </div>
)