Using arrow function in React JS - Callback

axios.get('http://yourdomain/api/get-data')
    .then(function (response) {
        // handle success
        this.setState({
            data: response.data
        })
    })
    .catch(function (error) {
        // handle error
    })

const that = this
axios.get('http://yourdomain/api/get-data')
    .then(function (response) {
        // handle success
        that.setState({
            data: response.data
        })
    })
    .catch(function (error) {
        // handle error
    })

axios.get('http://yourdomain/api/get-data')
    .then((response) => {
        // handle success
        this.setState({
            data: response.data
        })
    })
    .catch((error) => {
        // handle error
    })