text: import React, { Component } from 'react';
  import { JobList } from './JobList';
  import { loadJobs } from './Requests'
  
  
  export class JobBoard extends Component {
    constructor() {
      super()
      this.state = {
        jobs: []
      }
    }
    async componentDidMount() {
      const { jobs } = await loadJobs()
      this.setState({ jobs })
    }
    render() {
      const { jobs } = this.state;
      return (
        <div>
          <h1 className="title">Job Board</h1>
          <JobList jobs={jobs} />
        </div>
      );
    }
  }
  