text: import React, { Component } from 'react';
  import logo from './logo.svg';
  import './App.css';
  
  class App extends Component {
  
    state = {
      repos: [],
    };
  
    componentDidMount() {
      fetch('/github')
          .then(response => response.json())
        .then((data) => {
          const repos = data.map((repo) =>
            <p key={repo.id}>{repo.name}</p>
          );
          this.setState({ repos })
        });
    }
  
    render() {
      return (
        <div className="App">
          <div className="App-header">
            <img src={logo} className="App-logo" alt="logo" />
            <h2>Welcome to React</h2>
          </div>
          <p className="App-intro">
            To get started, edit <code>src/App.js</code> and save to reload.
          </p>
          <h3>App Creator's Repos:</h3>
            {this.state.repos}
        </div>
      );
    }
  }
  
  export default App;
  