Acabo de aprender sobre las funciones de flecha y cómo pueden ayudar con la visibilidad cuando comienzas a usar subfunciones, aquí:react objetos nativos y globalmente accesibles

No estoy seguro de si esto es diferente para las declaraciones "if", pero no puedo hacer que esto funcione en absoluto. La cuestión

myFunction() {
    console.log('Welcome Flag: ' + this.props.welcomeFlag);
    if (this.props.welcomeFlag == false) {
        this.props.dispatch(setWelcomeFlag(true));
        showMessage('Welcome back, ' + this.props.userName + '!', { duration: 3000 });
    }
}

En este ejemplo, la consola registra el valor inicial de welcomeFlag, que es "falso". Entonces me gustaría, si es falso, mostrar un mensaje al usuario y configurarlo como verdadero. Cosas súper simples.

Se cae por aquí:

this.props.dispatch(setWelcomeFlag(true));

Porque mi declaración if no es una declaración de flecha.

Excepto que no puedo hacer que la declaración de flecha funcione para declaraciones if. Está funcionando para otros tipos de declaraciones, pero no para estas.

He intentado las respuestas enumeradas aquí:

¿Cómo usar la condición if-else en la función de flecha en JavaScript?

Pero ninguno de estos trabajos.

¿Alguien tiene alguna idea