block9.js

class Wrapper extends React.Component {
  constructor(props) {
    super(props)
    this.state = { image: null }

    this.getImage = this.getImage.bind(this)
  }

  getImage() {
    return fetch('https://dog.ceo/api/breed/akita/images/random') // Get The image
      .then(rsp => rsp.json()) // Transform the response to JSON
      .then(data =>
        this.setState({
          image: data.message // Set the state.image equal to response of the api
        })
      )
  }

  componentDidMount() {
    // https://reactjs.org/docs/react-component.html#componentdidmount
    this.getImage()
  }

  render() {
    return React.createElement(
      'div',
      { className: 'wrapper' },
      React.createElement(Img, { source: this.state.image }),
      React.createElement(Button, { getImage: this.getImage })
    )
  }
}