总结react native 事件机制

React 事件机制

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

1. bind方法，绑定并且可以传递参数

    <TouchableOpacity
    onPress={this.fun.bind(this)}
    onPress={this.fun.bind(this,"text")} > </TouchableOpacity> fun(){ } 

2. 如果不用传参数？

双冒号语法
{::this.fun}

3. 在构造器内bind,好处是只绑定一次

    constructor(props){
        super(props);
        this.state={}
        this.fun=this.fun.bind(this) } <Text onPress={this.fun}></Text> 

4. 箭头函数 会自动绑定this

1. <Text onPress={this.fun}></Text> const fun=(e)=>{ console.log(e) } 2. <Text onPress={()=>this.fun()}></Text> fun(){ }

转载于:https://www.cnblogs.com/allenxieyusheng/p/8094542.html