How to remove an event using removeEventListener?

Question

JavaScript

Hi everybody.
The question is: there is a class

class Test extends Component {

    onKeyDown(e) {
        console.log(e)
    }
    
    componentWillMount() {
        document.addEventListener('keydown', (e) => (this.onKeyDown));
    }
    render() {
       
        return (
            <div>test</div>
        )
    }
}

I'm trying to remove the event document.removeEventListener("keydown", this.onKeyDown); , but as I understand the event is not deleted because I have to give the arrow function that I give addEventListener and not onKeyDown. How to hang an event in this case and delete it?