Question

我刚学过箭头功能，以及在开始使用子功能时它们如何帮助提高可视性，在这里：react native and globally accessible objects

我不确定“if”语句是否有所不同，但我根本无法解决这个问题。问题：

installing

在此示例中，控制台记录welcomeFlag的初始值，即“false”。然后我想，如果它是假的，向用户显示一条消息并将其设置为true。超级简单的东西。

它落在了这里：

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 });
    }
}

因为我的if语句不是箭头语句。

除非我无法使用arrow语句为if语句工作。它适用于其他类型的陈述，但不适用于这些陈述。

我尝试过这里列出的答案：

how to use if-else conditon in arrow function in javascript?

但这些都不起作用。

有人有什么想法吗？

Answer 1

myFunction()是一个类级别的函数。将任何内容绑定到this都是指类本身，因此您需要将其绑定到访问this属性，否则您将无法访问类级别props 。

尽管有许多方法可以按照here的说明绑定它，但最简单的方法是使用速记箭头语法作为

myFunction = () =>

反应原生箭头函数和if语句

1 个答案: