React Native的基本功能

时间:2019-01-09 11:50:25

标签: react-native

我已经用C ++和C#和Javascript进行了编码,但是由于某种原因,我无法理解函数的基本概念。

我尝试了我所知道的所有基本概念,也尝试过在线查找,但是由于这对我来说是新手,所以我不理解该概念。

class RankScreen extends React.Component {
    foo1 = (message) => {
        alert(message)
    }
    render() {
        return (
                    <View style={styles.chiliView}>
                        <View style={styles.chili}>
                            <Button onPress={this.foo1('Test1')} />
                            <Button onPress={this.foo1('Test2')} />
                        </View>
                    </View>
        );
    }}

按下两个按钮中的任何一个,应该在每个按钮上打印消息。

它的作用是自动激活新闻,而不是在用户输入上。

但是我觉得我缺少的不仅仅是一个基本概念。例如我是否需要返回值。

1 个答案:

答案 0 :(得分:0)

执行以下操作

<Button onPress={() => this.foo1('Test1)} />

这行代码使匿名箭头函数充当您按新闻时的回调,即,如果我们使用C语言,则您正在分配指向函数onPress的指针。然后,通过使用指向该函数的指针来调用arrow函数,该指针又调用foo函数。

在您的componentDidMount

this.foo1 = this.foo1.bind(this);

这是用于将此绑定到您的函数的,这将使您可以访问函数中的“ this”。