Unable to access React instance (this) inside event handler [duplicate]

Answer 1

if anyone will ever reach this answer, here is a way to bind all of the functions without needing to bind them manually

in the constructor():

for (let member of Object.getOwnPropertyNames(Object.getPrototypeOf(this))) {
    this[member] = this[member].bind(this)
}

or create this function in a global.jsx file

export function bindAllFunctions({ bindTo: dis }) {
for (let member of Object.getOwnPropertyNames(Object.getPrototypeOf(dis))) {
    dis[member] = dis[member].bind(dis)
    }
}

and in your constructor() call it like:

bindAllFunctions({ bindTo: this })