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

文章来源: chenyu.blog.csdn.net，作者：chen.yu，版权归原作者所有，如需转载，请联系作者。

原文链接：chenyu.blog.csdn.net/article/details/82903678