progres

import React, { Component } from 'react';


import './App.css';

class App extends Component {
  /**
   * @var {state} state object reactjs 
   * default have property of data in value array 
   */
  state = {
    data: []
  }
  async componentDidMount() {

    console.log("ComponentDidmount Sedang Berjalan")
    console.log("Await Fetch")

    const urlFetch = await fetch("http://localhost:3080/whatsapp/api/v1/runningJob")

    console.log("execute: if urlFetch.status === 200 && 'json' in urlFetch")
    console.log("Jika True, maka setState data dengan nilai await urlFetch.json()")

    if (urlFetch.status === 200 && 'json' in urlFetch) {
      console.log("Dan hasilnya adalah true maka setState dilakukan")
      this.setStateAsync({
        data: await urlFetch.json()
      })
    }
  }

  setStateAsync(state) {
    return new Promise(resolve => {
      this.setState(state, resolve)
    })
  }

  render() {
    console.log(`Render lifecycle: ${JSON.stringify(this.state)}`)
    return (
      <div className="App">
        <header className="App-header">

          <h1 className="App-title">Welcome to React</h1>
        </header>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
      </div>
    )
  }
}

export default App;