将 onreadystatechange 回调设置为带参数的 const 箭头函数

问：

我正在遵循 ajax 指南，并尝试将步骤 3 中的代码转换为使用 const. 声明的内容，但是，我的 readystatechange 回调一直被调用 1 readyState。

            const submit = document.getElementById("submit");

            const makeRequest = () => {
                console.log('in makeRequest')
                const httpRequest = new XMLHttpRequest();
                if (!httpRequest) {
                    alert('problem');
                    return false;
                }
                httpRequest.onreadystatechange = () => renderProfile(httpRequest);
                httpRequest.open('GET', 'https://api.github.com/users/kamranahmedse')
            }

            const renderProfile = (httpRequest) => {
                console.log('in renderProfile')
                if (httpRequest.readyState === XMLHttpRequest.DONE) {
                    if (httpRequest.status === 200) {
                        alert('working?');
                    } else {
                        alert('problem')
                    }
                } else {
                    console.log(httpRequest)
                }
            }

            submit.addEventListener('click', makeRequest)

将 OnReadyState 回调更改为箭头函数没有任何效果。我认为回调会立即被调用，因为它没有被存储为引用，但我不明白这是怎么回事。