React Native之内部方法常用几种写法和调用规则

1 简单部分代码

export default class App extends Component<Props> {
  render() {
    return (
        <View style={styles.container}>
    <View style={styles.welcome}>
                <Button onPress={this.showMsg}title='prees me showMsg'/>
<Button onPress={() => {this.showMessage()}}title='prees me showMessage'/>
            </View>
        </View>
    );
  }
    //记得这里调用的时候不需要加上()
    showMsg(){
alert("showMsg(){}");
    }

    //记得末尾加上分号,调用的时候也要加上()
    showMessage = () => {
        alert("showMessage = () => {}");
    };
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 10,
    textAlign: 'center',
    margin: 30,
  },
});

2 分别点击上面代码的2个按钮效果如下

(0)

相关推荐