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个按钮效果如下

作者：chen.yu
深信服三年半工作经验，目前就职游戏厂商，希望能和大家交流和学习,
微信公众号：编程入门到秃头 或扫描下面二维码
零基础入门进阶人工智能(链接)