React Context: Departments.jsx with props from context

Departments-with-props-from-context.jsx

import React, { Component } from 'react'
 
import { getDepartments } from '../services/api'
 
class Departments extends Component {
 
    state = {
        loading: false
    }
 
    getDepartments = async () => {
        const { showLoading, hideLoading } = this.props
 
        showLoading('Carregando departamentos')
 
        const response = await getDepartments().then(response => {
            hideLoading()
            return response
        })
        console.log({ response })
    }
 
    render() {
        return (
            <button onClick={this.getDepartments}>Buscar departamentos</button>
        )
    }
}
 
export default Departments