总结react native 事件机制

2024-10-19 08:48:36

React 事件机制

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

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

 <TouchableOpacity

 onPress={this.fun.bind(this)}

 onPress={this.fun.bind(this,"text")}

 >

 </TouchableOpacity>

 fun(){

 }

如果不用传参数？

双冒号语法

{::this.fun}

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

    constructor(props){

        super(props);

        this.state={}

        this.fun=this.fun.bind(this)

    }

    <Text onPress={this.fun}></Text>

箭头函数会自动绑定this

1. <Text onPress={this.fun}></Text>

   const fun=(e)=>{

       console.log(e)

   }

2. <Text onPress={()=>this.fun()}></Text>

   fun(){

   }

最新文章

热门文章