码迷,mamicode.com
首页 > 其他好文 > 详细

总结react native 事件机制

时间:2017-12-23 23:14:39      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:机制   pos   data   star   ati   自动   uil   keyword   ble   

React 事件机制

一个组件的所有事件会使用统一的事件监听器,绑定到组件的最外层,那么如何使用?

  1. bind方法,绑定并且可以传递参数
     <TouchableOpacity
     onPress={this.fun.bind(this)}
     onPress={this.fun.bind(this,"text")}
     >
     </TouchableOpacity>
     
     fun(){
         
     }
    
  2. 如果不用传参数?
双冒号语法
{::this.fun}
  1. 在构造器内bind,好处是只绑定一次
    constructor(props){
        super(props);
        this.state={}
        this.fun=this.fun.bind(this)
    }
    <Text onPress={this.fun}></Text>
  1. 箭头函数 会自动绑定this
1. <Text onPress={this.fun}></Text>
   const fun=(e)=>{
       console.log(e)
   }
2. <Text onPress={()=>this.fun()}></Text>
   fun(){
       
   }

总结react native 事件机制

标签:机制   pos   data   star   ati   自动   uil   keyword   ble   

原文地址:http://www.cnblogs.com/allenxieyusheng/p/8094542.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!